대체 텍스트가 접근성에 중요한 이유 및 SEO
대체 텍스트 검사기는 WCAG를 준수하는 텍스트 대체 요소를 검사하는 무료 온라인 도구입니다.이 애플리케이션은 웹 페이지를 스캔하고 대체 텍스트가 없는 요소를 찾은 다음, 모든 결함 목록을 해당 설명 및 문제가 발견된 코드 조각과 함께 보여주는 보고서를 생성합니다.
웹 접근성 측면에서 볼 때 대체 텍스트는 이미지, 그래프, 차트, 이모티콘, 버튼, 링크 등과 같이 텍스트가 아닌 콘텐츠를 설명함으로써 포괄성을 촉진합니다. 시각 장애가 있는 사용자가 사용하는 화면 판독기는 대체 텍스트를 사용하여 이러한 요소의 의미와 컨텍스트를 전달하므로 콘텐츠를 완전히 이해할 수 있습니다.이러한 사용자가 중요한 정보를 얻으려면 설명이 포함된 대체 텍스트가 있어야 온라인 경험을 더 쉽게 이용할 수 있습니다.또한 인터넷 접근성은 SEO에 좋습니다.Google 및 기타 검색 엔진은 대체 텍스트를 사용하여 웹사이트 콘텐츠에 대한 이해도를 높여 순위를 높입니다.요약하면, 대체 텍스트를 적절하게 구현하면 웹사이트 접근성이 향상되고, 고객 도달 범위가 확대되며, SEO에 긍정적인 영향을 미치므로 포괄적인 웹 인지도를 구축하는 데 중요한 요소가 됩니다.
검사 대상이란 무엇입니까?
애플리케이션은 `img` 요소에 대한 alt 속성 사용 확인 (
WCAG 2.1 Technoque H37) 과 함께 다음 사항도 검사합니다.
-
H2 동일한 리소스에 대한 인접 이미지 및 텍스트 링크 결합.
-
H24 이미지 맵의 'area' 요소에 대한 대체 텍스트 제공
-
H35 'applet' 요소에 대한 대체 텍스트 제공
-
H36 제출 버튼으로 사용되는 이미지에 alt 속성 사용.
-
H67 보조 기술이 무시해야 하는 이미지의 'img' 요소에 null 대체 텍스트를 사용하고 제목 속성을 사용하지 않습니다.
-
H86 이모티콘, 이모티콘, ASCII 아트 및 leetspea에 대한 대체 텍스트를 제공합니다.
-
G197 기능이 동일한 콘텐츠에 대해 레이블, 이름 및 대체 텍스트를 일관되게 사용합니다.
- 그 외 다수.