이미지로 된 통짜 페이지에서 접근성
알찬바로
2023.04.01
이미지로 된 통짜 페이지에서
이미즈를 적당한 사이즈로 구분해서 잘라준뒤
longdesc 대신 div를 하나 z-index를 이용해서 그림밑으로 깔고 이미지의 텍스트(내용)들을 의미있게 마크업해서 깔아준다면 접근성이 제대로 보장될까요? 아니면 hidden 속성이나 다른걸 써야 좋을까요?
-
뿌우
음. 대체택스트가 들어가는 div 의 제트인덱스를 음수로 줘서 이미지 밑에 깔게되는 방식을 택한다면,
정말 그럴일은 없겠지만 이미지가 뜨지않을경우 이미지 밑에 깔은 텍스트가 웬지 안보일거같은데여..
차라리 일단 대체텍스트를 다 치고 포지션 앱솔루트로 대체텍스트 위에다가
이미지를 덮는게 좋지않을가여... 제트인덱스 음수로 주면 아예 안보이지않나여... -
적송
앗.. 그러네여~
전 예전에 음수주니간 안보이던 기억이 있어서 .'ㅠ.ㅠ'. -
세찬
아 이미지 엑박뜰때 보이는거 확인했습니다 ㅎㅎ 음수로 준다고 브라우저 기본 흰색 바탕 밑으로 뚤고 들어가는건 아니라서요 ㅎㅎ
-
들꿈
longdesc를 못읽는 스크린리더도 다수있어서 이게 낳지 않나 싶어요.
가장좋은건 일일히 다 자르는거지만.히히 -
물고기자리
1. longdesc
2. IR기법
3. hidden로 표현
모두 접근성에 문제가 되지 않습니다.
다만, longdesc로 제공할경우, 스크린리더기가 해당내용을 읽을것인지 안읽을 것인지,
선택권을 주기때문에 장애인입장에선 더 좋다고 하네요.
(직접 시각장애인에게 물어봤습니다!!)