수다닷컴

위 파일과 같은 가족 조직도를 코딩하려고 하는데
조직도는 통이미지로만 사용하면 웹접근성에 안된다고 하더라구요,
그래서 이미지 하나씩 잘라서 마크업해야 하는데
지금 제가 쓴 태그가 맞는지 한번 확인 부탁드릴께요.

그리고 ,제가 딸1,딸2,딸3 쪽에 ul태그를 썼는데
ul태그와 dl태그를 썼을때 차이가 어떤게 있는지도 설명 부탁드려요

[질문]
조직도의 경우 스크린리더기를 읽을때 많은 조직을 다 읽게되면 사용자가 이해하기 쉽지 않아
그부분을 쉽게 처리하고자 합니다.
그래서 h태그를 써서 제목영역만 또는 중요한 부분만 읽히고 점프하게끔
하기위해 h태그를 아래 코딩과 같이 사용했습니다.
가족로고 조직도 증조할아버지, 할아버지, 할머니, 첫째아들, 둘째아들, 셋째아들.. 이것만 h태그를 써서
나중에 읽힐때 저 h태그 영역만 읽고 빨리 넘어가도록 코딩하려했습니다.

아래와 같이 코딩을 해도 웹접근성에 위배되는건지 궁금합니다.
괜찮은건지 궁금합니다.

=====================웹표준화를 위한 코딩=====================
h1우리가족/h1
h2조직도/h2
!--조직도 시작--
div class=organi
h3증조할아버지/h3
h4할아버지/h4
h4할머니/h4
h5첫째아들/h5
div class=”one”
ul
li딸1/li
li class=sub
ul
li손자1/li
li손자2/li
/ul
/li
/ul
/div
h5둘째아들/h5
div class=”two”
ul
li딸1/li
li class=sub
ul
li손자1/li
li손자2/li
li손자3/li
/ul
/li
/ul
/div
div class=”two”
ul
li딸1/li
li class=sub
ul
li손자1/li
li손자2/li
li손자3/li
/ul
/li
/ul
/div
h5셋째아들/h5
div class=”two”
ul
li딸1/li
li딸2/li
li딸3/li
/ul
/div
/div
h2조직도 관련링크/h2

신청하기