웹접근성 기초 on Codeslog https://www.codeslog.com/series/%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1-%EA%B8%B0%EC%B4%88/ Recent content in 웹접근성 기초 on Codeslog Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 ko Tue, 23 Dec 2025 02:32:17 +0900 시맨틱 HTML 완벽 가이드: div 지옥에서 벗어나는 방법 https://www.codeslog.com/posts/semantic-html-guide/ Tue, 23 Dec 2025 02:32:17 +0900 https://www.codeslog.com/posts/semantic-html-guide/ div만 쓰던 마크업을 시맨틱 HTML로 바꾸는 방법을 정리했습니다. header·nav·main·article·section을 언제 쓰는지, article과 section은 뭐가 다른지, 제목 계층과 ARIA 랜드마크까지 Before/After 예제로 살펴봅니다. AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치 https://www.codeslog.com/posts/web-accessibility-ai-era/ Tue, 23 Dec 2025 00:29:12 +0900 https://www.codeslog.com/posts/web-accessibility-ai-era/ AI가 만든 웹, 과연 모두가 쓸 수 있을까요. 생성형 AI가 놓치기 쉬운 접근성 허점부터 WCAG 2.2 네 가지 원칙(인식·운용·이해·견고성)의 코드 적용, AI로 대체 텍스트 생성하기, 접근 가능한 AI 챗봇 구현까지 정리했습니다.