TIL 08 html MARKUP

👀 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의 차이를 잘 모르겠다.