👀 NOTE
html markup을 할땐,
페이지 view보다는 screen reader로 읽었을때의 전달력에 대해서 먼저 집중해보자!
->aria-lable또는class='sr-only'의 활용
-> CSS로 얼마든지 페이지 디자인을 수정할 수 있다.
-
완성본(click 시 보이는 화면)을 기준으로 시작
-
페이지를 가장 최소한의 단위로 나누어 보기
-
정보로써의 가치가 있는지 파악하기
-
div와span은 CSS를 위한 목적으로만 사용하도록! -
'aria-lable'을 활용하기
-> class name은 정보로써 사용되지 않음
-> ex)coke 1<span aria-lable='litter'>L<span> -
entity code를 반드시 사용할 것!
-> https://dev.w3.org/html5/html-author/charref -
class="sr-only"
-> 화면에 보이지 않고 screen reader에 읽히기만을 바랄때 자주 쓰이는 class name -
문서 내 언어가 부분적으로 다를 경우, lang값을 따로 부여하는 것이 좋다.
-> ex)<img src='??' alt='자전거 타는 모습' lang='ko' />
🙋♀️궁금증
- list와 table의 차이를 잘 모르겠다.
