백업하는 인생

[table]table 관련 접근성 이슈 본문

퍼블리싱/접근성

[table]table 관련 접근성 이슈

sunmn 2020. 1. 14. 00:55
날짜  나라 음식
2019-02-01 대한민국 김치

 

1. caption은 상세하게 써야한다. 

<caption>날짜별로 각 나라의 음식의 종류를 보여주는 표입니다.</caption> 

 

 

 

2. th에는 반드시 scope 를 써야된다. (td에는 쓸 필요 없음)

<tr>

   <th scope="col">날짜</th>

   <th scope="col">나라</th>

   <th scope="col">음식</th>

</tr>

 

<tr>

   <th scope="row">2019-02-01</th>

</tr>

 

 

 

 

 

3. 레이아웃용(디자인만을 위한)표는 th scope. caption 다 없어야됨. (전부 td로 짜야됨)

참고: https://www.kisti.re.kr/promote/post/newsletter/4356?cPage=2&t=1578930909280

 

 

'퍼블리싱 > 접근성' 카테고리의 다른 글

[title] a 링크  (0) 2020.01.14
[title ] - 페이지 타이틀  (0) 2020.01.14
[tab] 탭 포커싱 이슈  (0) 2020.01.14
[label] input id와 label for 연결  (0) 2020.01.14
[대체텍스트] (alt, sr-only) - 구글 캘린더  (0) 2020.01.14
Comments