오늘 해야할 것

1. sass 미리 배우기
2. 웹접근성 github 참고하기 좋은 사이트인듯

네이티브로 초점 받을 수 있는 애들

1. href가 있는 a
2. area가 있는 img
3. input, button

강제로 초점

1. tabindex 사용

찾아봐야할 것

1. time 태그

   1. <time>태그의 datetime속성은 <time>요소의 날짜와 시간데이터를 기계가 읽을 수 있는 형태로 명시함
   2. datatime속성값으로 유효한 데이터는 아래와 같습니다
      1. 24시간 형태로 표현된 시간데이터
      2. 그레고리력으로 표현되는 날짜데이터 (선택사항으로 시간 및 시간대 데이터를 포함할 수 있음)
      3. 유효한 기간 데이터
   3. <time datetime="YYYY-MM-DDThh:mm:ssTZD|PTDHMS">
      1. YYYY : 연도
      2. MM : 월
      3. DD : 일
      4. T 또는 공백문자 : 날짜와 함께 시간까지 함께 나타낼 경우 날짜와 시간을 구분해주는 구분자
      5. hh : 시간
      6. mm : 분
      7. ss : 초
      8. TZD : 표준 시간대 시정자를 의미하며, Z는 그리니치 표준시를 의마함
      9. P(period) : 기간
      10. D(days) : 날짜
      11. H(hour) : 시간
      12. M(minutes) : 분
      13. S(seconds) : 초

2. aria-hidden="true"안써도 \를 인식하지않는 트릭 사용가능

3. text-overflow는 overflow와 white-space를 같이 사용해야한다

   1. text-overflow: ellipsis;
   2. white-space: nowrap;
   3. overflow: hidden;

4. role="tablist", role="tabpannel", aria-controls="id"

5. 탭 인덱스에 role="tab-list"

6. 탭 인덱스 내부의 리스트에 role="tab", aria-controls="id"

7. 탭 콘텐츠에 id, role="tabpanel", aria-labelledby="id"

8. 웹접근성 github 참고하기 좋은 사이트인듯