代替テキストと表の確認

<a href="/"><img src="logo.svg" alt="?"></a> 의 alt 에 무엇을 써야 합니까?

• 회사 로고 — 그림이 무엇인지 정확히 적는다
• 로고 이미지 — 형식과 역할을 함께 적는다
• 빈 문자열 — 로고는 언제나 장식으로 본다
• 홈으로 — 그림이 아니라 이 링크의 목적을 적는다

alt 속성을 아예 쓰지 않은 이미지는 어떻게 읽힙니까?

• 조용히 건너뛴다 — 빈 alt 와 같은 결과다
• 대체할 것이 없다고 보고 파일명을 읽는 경우가 많다
• 브라우저가 이미지 안의 글자를 인식해 읽어 준다
• 이미지 요소 자체가 접근성 트리에서 빠진다

figcaption 에 그림 설명을 충분히 적었습니다. alt 는 어떻게 하는 것이 좋습니까?

• figcaption 과 똑같은 문장을 그대로 복사해 둔다
• figcaption 을 요약해 짧게 다시 적는다
• 내용이 캡션에 다 있다면 alt="" 로 두어 중복을 피한다
• alt 속성을 아예 빼서 캡션만 읽히게 한다

표의 th 에 scope 를 주면 무엇이 달라집니까?

• 셀을 읽을 때 어느 행·열에 속하는지 함께 읽힌다
• 표가 화면에서 가로로 스크롤될 수 있게 된다
• 머리칸 글자가 자동으로 굵게 표시된다
• 표를 정렬할 수 있는 기능이 브라우저에 생긴다

막대그래프 이미지의 대체 텍스트로 가장 알맞은 것은?

• 그래프 이미지 — 종류만 밝히고 값은 생략한다
• 막대 색과 위치를 순서대로 모두 묘사한다
• 요점 한 줄을 alt 에 쓰고 실제 값은 본문이나 표로 제공한다
• 파일명을 그대로 적어 어떤 그래프인지 구분되게 한다

자동 접근성 검사 도구가 alt="이미지" 를 잡아내지 못하는 이유는?

• alt 값이 두 글자를 넘으면 검사 대상에서 제외되기 때문이다
• 속성의 존재는 볼 수 있어도 내용이 적절한지는 판단할 수 없어서
• img 요소는 원래 자동 검사 규칙에 포함되지 않아서
• 한국어 값은 도구가 해석하지 못해 건너뛰기 때문이다