접근성 모음

1.레이어 팝업이 다른 콘텐츠를 가려서 레이어를 닫아야만 하는 경우 마우스 초점을 정밀하게 다룰 수 없는 장애 영역(주로 상지 장애 -팔이 없거나 움직이기 어려운-)의 접근을 어렵게 합니다. 심사 가이드에 따라 심사를 할 것입니다. 다른 콘텐츠를 가리지 않는 레이어라면 문제가 없습니다.

2. 폼 콘트롤 요소의 선택 또는 입력 행위만으로 폼이 자동으로 전송되는 경우에만 문제가 됩니다. 체크박스, 라디오 버튼, 콤보박스가 선택될 때 폼을 전송하는 것이 아니라 단지 하위 콘텐츠의 내용이 변경되는 것은 문제가 되지 않습니다.

 

[질문]

안녕하세요~~

[질문 1]
테이블의 td 속성이지만 제목의 역할을 하는 셀에는 scope 속성을 넣어 표현하게 되어있는데요.
html5 경우 td에 scope 속성을 쓰지 못하게 되어 있습니다.

이경우~
제목의 역할을 하는 td는 th로 변환하는 것이 방법일까요?


[질문 2]
간혹 th에 scope와 ID 두개 다 적용하는 경우가 있는데요
이런 경우
둘 중 하나를 쓰게 하는 것이 맞는지요?
(현재 심플한 테이블은 scope를 사용하고 복잡한 구조에는 id를 사용하고 있음.)

[질문 3]
scope와 id를 섞어서 사용하는 경우
예) 세로열의 th에는 id를 사용하고, 가로형의 th에는 scope="row"로 사용
해당 셀에는 headesr="세로열 th의 id"만 제공하는 경우
이런 부분은 어떻게 하는 것이 좋을까요?

경우의 수가 많아서 좀 복잡하고 사용하고 있습니다.



[답변]

질문 1: 네, 제목의 역할을 하는 셀은 <th>로 마크업하시는 것이 바람직합니다.

질문 2: th에 id를 명시하고 td에 headers로 th와 연결시키는 경우 말씀이신가요? 맞다면 말씀하신 대로 하시면 충분하다고 판단됩니다.

질문 3: scope와 headers를 혼용하는 경우 이 마크업을 해석하는 보조 기기별로 해석 결과가 다를 수 있기 때문에(headers에 명시된 제목셀과 scope의 제목 셀 중 어떤게 먼저인지에 대한 해석, 두가지를 다 제목으로 사용자에게 전달할지 여부에 대한 해석 등) headers를 사용하시면 headers만으로 제목 셀과의 연결을 구현하시기를 추천드립니다.