대체 텍스트와 표 확인

문항 6개. 정답과 해설은 풀어 본 뒤에 보여 드립니다.

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

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

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

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

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

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

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

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

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

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

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

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