HTML — 태그 하나가 기능을 대신한다
의미 있는 태그를 고르면 키보드 조작·스크린리더·검색엔진·자동완성이 전부 공짜로 따라옵니다. div 로 다시 만들면 그 전부를 직접 구현해야 하고, 대개 빠뜨립니다. 접근성 검사를 통과하는 페이지를 실제로 써 봅니다.
입문 · 레슨 13 · 실습 3
커리큘럼
의미와 접근성
- div 로 만든 버튼이 잃는 일곱 가지 reading
- 검사를 통과하는 페이지 lab
- HTML·접근성 확인 quiz
보내기를 눌렀는데 아무 일도 일어나지 않았다
- 이름이 없는 칸은 없는 칸이다 reading
- 이름 없는 칸을 없앤다 lab
- 폼과 이름 계산 확인 quiz
마우스를 빼앗겼다
- Tab 만으로 끝까지 가 본다 reading
- 탭 순서를 손으로 고친다 lab
- 키보드와 초점 순서 확인 quiz
role 을 붙였더니 더 안 읽힌다
- 접근성 트리는 화면과 다른 문서다 reading
- ARIA 와 접근성 트리 확인 quiz
그림이 사라진 자리에 무엇이 남는가
- alt 는 설명이 아니라 대체다 reading
- 대체 텍스트와 표 확인 quiz