
대체 텍스트 준수율 17.1%: 2025 웹 접근성 실태조사가 보여준 민낯
이미지가 5개 있는 웹페이지를 상상해보세요. 그 중 4개에는 대체 텍스트(alt)가 없습니다. 스크린 리더를 사용하는 시각장애인이 이 페이지를 방문하면, 이미지들은 그냥 "이미지" 혹은 파일명으로만 읽힙니다. 어떤 내용인지 전혀 알 수 없죠. ...

이미지가 5개 있는 웹페이지를 상상해보세요. 그 중 4개에는 대체 텍스트(alt)가 없습니다. 스크린 리더를 사용하는 시각장애인이 이 페이지를 방문하면, 이미지들은 그냥 "이미지" 혹은 파일명으로만 읽힙니다. 어떤 내용인지 전혀 알 수 없죠. ...

div만 쓰던 마크업을 시맨틱 HTML로 바꾸는 방법을 정리했습니다. header·nav·main·article·section을 언제 쓰는지, article과 section은 뭐가 다른지, 제목 계층과 ARIA 랜드마크까지 Before/After 예제로 살펴봅니다.
카테고리
분류 전체보기 107편