Ray Book

웹 접근성

시맨틱 HTML, 키보드, 스크린 리더, 색상, 폼을 정리합니다

  1. 01

    접근성은 HTML에서 시작한다

    div 대신 button을 써야 하는 이유를 시각화합니다

  2. 02

    키보드 네비게이션

    Tab 순서, focus 관리, skip link, focus trap을 시각화합니다

  3. 03

    스크린 리더와 ARIA

    랜드마크, role, aria-label, aria-live를 시각화합니다

  4. 04

    색상, 대비, 모션

    대비 비율, 색맹 고려, prefers-reduced-motion을 시각화합니다

  5. 05

    폼과 에러 처리

    label 연결과 에러 메시지 전달을 시각화합니다