스크린리더호환성 (Screen Reader Compatibility)
쉽게 풀면
화면을 읽어주는 프로그램이 웹사이트 내용을 제대로 읽을 수 있게 만드는 것이다.
왜 중요한가
스크린리더 호환성은 시각장애인이 스크린리더로 화면 콘텐츠를 음성으로 인식할 수 있도록 마크업과 대체 텍스트를 적절히 구성했는지를 뜻하며, 웹 접근성 준수의 핵심 요건으로 WCAG 가이드라인에서 구체적 기준을 제시한다. 공공기관 웹사이트는 법적으로 이를 준수해야 하는 경우가 많아 접근성 감사의 필수 점검 항목으로 다뤄진다. 버튼처럼 보이지만 실제로는 div 태그로 만들어진 요소는 스크린리더가 클릭 가능한 요소로 인식하지 못해, 시각적 형태와 실제 마크업의 의미가 일치하는 시맨틱 마크업이 핵심 요건이 된다. 아이콘만으로 이루어진 버튼에 시각적으로는 보이지 않는 대체텍스트를 코드에 추가하는 것이 스크린리더 호환성 확보의 가장 기본적이면서도 자주 누락되는 조치다.
논문에서는 이렇게 쓰입니다
대체텍스트 등 접근성 요소 제공이 실제 사용자 경험에 미치는 영향을 검증한 연구이다.
이 문장은 이미지 대체텍스트를 다룬 기존 예문과 달리, 동적으로 바뀌는 콘텐츠에서는 별도의 기술적 표시가 없으면 스크린리더 사용자가 변화 자체를 놓칠 수 있다는 다른 유형의 호환성 문제를 보여줍니다.
조금 더 깊게 보면
시각적으로는 문제없어 보이는 화면도 시맨틱 마크업이 부실하면 스크린리더 사용자에게는 전혀 다른, 혼란스러운 경험이 될 수 있어 시각적 검수만으로는 호환성을 판단할 수 없다. 웹접근성이 다양한 장애 유형 전반을 아우르는 포괄적 개념이라면 스크린리더 호환성은 그중 시각장애 사용자를 위한 구체적 기술 요건 하나에 해당한다. 스크린리더는 시각적 순서가 아니라 HTML 문서의 마크업 순서(DOM 순서)대로 콘텐츠를 읽으므로, CSS로 화면상 배치만 바꾸고 마크업 순서를 그대로 두면 시각적으로는 자연스러워도 음성으로는 뒤죽박죽으로 들리는 문제가 생긴다.
주의할 점
스크린리더호환성은 시맨틱 마크업과 대체텍스트 등 코드 수준의 구현까지 함께 고려해야 확보될 수 있다.