웹접근성2 aria-label 스크린 리더 대응으로 구글이 좋아하는 시맨틱 구조 강화 구글이 좋아하는 시맨틱 구조 강화처음 aria-label이라는 속성을 알았을 때 반응이 "이게 뭐 대수냐"였다. 그냥 텍스트 하나 더 붙이는 거잖아. 그런데 현장에서 스크린 리더 테스트를 직접 해보고 나서 생각이 완전히 뒤집혔다. 화면을 보지 않고 소리만으로 웹페이지를 탐색하는 경험은 충격적이었다. "버튼, 버튼, 버튼" 이렇게만 읽히는 화면에서 사용자가 느끼는 답답함은 마치 불 꺼진 지하 주차장에서 내 차를 찾는 것과 다르지 않았다.ARIA가 뭔지, WAI-ARIA부터 이해하자ARIA는 Accessible Rich Internet Applications의 약자다. WAI-ARIA라고 하면 Web Accessibility Initiative에서 만든 스펙을 말한다. 쉽게 말하면 HTML 요소에 의미와 역.. 2026. 5. 6. 웹 접근성(WCAG)색상 대비율·포커스 표시로 SEO 점수 올리는 방법 대비율·포커스 표시로 SEO 점수까지 올리는 방법웹 접근성이라는 단어를 처음 들었을 때 솔직히 코웃음을 쳤다. 그게 무슨 대수냐 싶었다. 화면 잘 보이고 클릭 잘 되면 끝 아니냐는 생각이었다. 그런데 현장에서 10년 넘게 굴러다니다 보니 그 생각이 얼마나 좁은 우물 안 개구리였는지 뼈저리게 느끼게 됐다. 접근성은 장애인을 위한 시혜가 아니었다. 구조가 단단해야 건물이 지진에도 버티듯, 접근성이 갖춰진 웹은 검색 엔진도 제대로 읽어낸다는 걸 알게 됐다.WCAG가 뭔지부터 제대로 짚고 가자WCAG는 Web Content Accessibility Guidelines의 줄임말이다. 국제 웹 표준 기구 W3C에서 만든 웹 콘텐츠 접근성 지침이다. 현재 기준으로 2.1 버전이 가장 널리 쓰이며 2.2 버전도 공식 .. 2026. 5. 5. 이전 1 다음
