좌충우돌 웹퍼블리셔 일기

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만으로 제목 셀과의 연결을 구현하시기를 추천드립니다.

html5로 마크업하고 validator 검사를 하는데 계속 오류가 떠서 대체 왜이런가 해서 살펴보았다. 영어번역을 보면 장애인에게 충분한 정보제공이 안된다는등의 내용같은데 정확하게 이해가 안되서 찾아보니...아래와 같은 내용이 있었다.

야무님께사 작성하신글을 퍼왔다.

[펌!]Table Summary Attribute - Differences Between HTML 4.01 and HTML5

In HTML5 it is recommended to use summary for special cases only.

In most cases it would be better to explain a table using the caption element,

or a text paragraph before and/or after the table.

HTML5에서는 HTML4.01, XHTML1.0에서와는 다르게 <table> 요소에 summary 속성을 사용하면

유효성 검사(Validator)에서 오류가 발생합니다. 이유는 위에서 설명되는 바와 같습니다.

HTML 이전 버전에서는 복잡한 테이블에 summary 속성을 써서 스크린 리더 사용자에게

설명 텍스트를 제공하자는 제안이 있었습니다. 그것보다는 다음에 설명하는 방법이 더 좋습니다.

특별한 경우에만 summary 속성을 사용하길 권장합니다.

대부분의 경우 <caption> 요소를 사용하거나, 테이블 앞/뒤에서 설명하는 단락을 넣는 것이

summary 속성을 사용하는 것 보다 낳은 방법입니다.

summary 속성을 사용하지 않기를 권하는 이유는 현실적으로 그 내용을 이해하는 사람이 거의 없기 때문입니다.

시각적 사용자 에이전트에서는 이 속성을 표현하지 않으므로 이 속성을 작성한 저자 자신은 보통 그것을 테스트

해볼 수 없어서 보조 기술을 사용하는 사람에게 거의 도움이 되지 않는 내용을 사용합니다.

이러한 이유로 접근성 도구들은 이 속성을 사용자에게 노출하지 않게 되었습니다. 이 속성을 가장 잘 사용하는

몇몇 저자들조차 종종 잘못 사용하곤 하는데, 예를 들어 사실 모든 사람에게 유용할 정보를 넣는다거나 테이블 밖에서

제공되는 정보와 중복된 것을 사용하는 등입니다.