홈 » Categories

가이드

블로그 포스트 썸네일: WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로 - WCAG 3.0의 혁신적인 구조 변화를 깊이 파헤칩니다. Guidelines에서 Outcomes로, 체크리스트에서 사용자 경험 중심 평가로의 전환을 실전 예제와 함께 알아보세요. (https://www.codeslog.com/ko/posts/wcag-3-structure-outcomes/)

WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로

들어가며 “1.3.1 정보와 관계(Info and Relationships) - Level A” WCAG 2.2를 다뤄본 분이라면 이런 형식의 성공 기준(Success Criteria)에 익숙하실 겁니다. 번호가 있고, 레벨이 있고, 명확한 테스트 조건이 있죠. 이 구조는 15년 넘게 웹 접근성의 표준이었습니다. ...

글 작성일: 2026-01-19 · 글 읽기 시간: 20 분 · 글 단어 수: 9630 단어 · 글쓴이: Isaac
WCAG 3.0 시대의 시작 - 전통적인 WCAG 2.x 체크리스트에서 사용자 중심의 WCAG 3.0으로의 변화를 시각적으로 표현한 썸네일 이미지. 부드러운 그라데이션 배경 위에 포스트 제목과 주요 개념이 표시되어 있음

WCAG 3.0 시대의 시작: 왜 새로운 가이드라인이 필요한가?

들어가며 “우리 사이트는 WCAG 2.1 AA를 100% 통과했는데, 실제 스크린 리더 사용자가 회원가입을 못하더라고요.” 지난해 웹사이트 개발자에게 들었던 이 말이 아직도 귀에 맴돕니다. 접근성 감사를 통과하고, 녹색 배지를 받았지만, 정작 장애가 있는 사용자는 핵심 기능을 사용할 수 없었다는 이야기. 이것이 바로 현재 WCAG 2.x가 직면한 가장 큰 딜레마입니다. ...

글 작성일: 2026-01-12 · 글 읽기 시간: 18 분 · 글 단어 수: 8586 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: 시맨틱 HTML 완벽 가이드 - div 지옥에서 벗어나 의미있는 HTML을 작성하는 방법을 알아봅니다.

시맨틱 HTML 완벽 가이드: div 지옥에서 벗어나는 방법

들어가며 웹 개발을 하다 보면 이런 코드를 마주하게 됩니다: html 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

글 작성일: 2025-12-23 · 글 읽기 시간: 19 분 · 글 단어 수: 9174 단어 · 글쓴이: Isaac
블로그 포스트 썸네일: AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치 - AI 기술의 발전이 웹접근성에 미치는 영향과 개발자가 반드시 알아야 할 핵심 원칙들을 실전 예제와 함께 알아봅니다. (https://www.codeslog.com/ko/posts/web-accessibility-ai-era/)

AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치

들어가며 ChatGPT, Claude, Gemini… 생성형 AI가 우리 일상 깊숙이 들어온 시대입니다. 웹사이트마다 AI 챗봇이 자리를 잡았고, 콘텐츠 자동 생성도 이제 낯설지 않죠. 이렇게 빠르게 변화하는 기술 환경 속에서, 한 가지 중요한 질문을 던져보고 싶습니다. ...