edubun English

웹 접근성

화면 낭독기, 키보드, 확대, 고대비 화면을 쓰는 사람도 쓸 수 있는 페이지를 만드는 방법을 여섯 단원으로 다룹니다. 단원마다 관련된 WCAG 2.2 성공 기준을 따라가고, 쓴 코드를 바로 채점하는 HTML 실습, 플래시카드, 해설이 붙은 연습문제 9~10개가 있습니다.

진도
  1. 1이미지의 대체 텍스트
  2. 2제목 구조와 랜드마크
  3. 3색 대비
  4. 4키보드로 페이지 쓰기
  5. 5입력 양식의 레이블
  6. 6화면 낭독기와 ARIA 첫 규칙
이 과정의 출처 (7)
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendation first published 5 October 2023, current edition 12 December 2024 (w3.org/TR/WCAG22/, checked 2026-10-17, rechecked 2026-10-18)
  • W3C WAI, What's new in WCAG 2.2 (w3.org/WAI/standards-guidelines/wcag/new-in-22/, checked 2026-10-17)
  • W3C WAI, Images tutorial and alt decision tree (w3.org/WAI/tutorials/images/decision-tree/, checked 2026-10-17)
  • W3C, Using ARIA (w3.org/TR/using-aria/, Discontinued Draft 24 February 2026, rules 1 to 4, checked 2026-10-17)
  • W3C WAI-ARIA Authoring Practices Guide, Read Me First, "No ARIA is better than bad ARIA" (w3.org/WAI/ARIA/apg/practices/read-me-first/, checked 2026-10-17)
  • MDN Web Docs, tabindex (developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex, checked 2026-10-17)
  • MDN, Heading elements, accessibility notes (developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements, checked 2026-10-17)

확인한 날: 2026-10-17