HTML 예제 20 / 20
접근성(a11y)은 시각·운동 장애가 있는 사용자도 웹을 쓸 수 있게 하는 것입니다. 몇 가지 핵심 패턴을 모아봤어요.
a11y
aria-label
role
스킵 링크
💡 이렇게 바꿔보세요
- '스킵 링크'를 Tab 키로 포커스해보세요 (미리보기 화면 클릭 후 Tab) — 평소엔 숨어있다 포커스되면 나타나요
aria-label 은 화면엔 텍스트가 없지만 스크린리더에게 이름을 알려줘요role="alert" 은 스크린리더가 그 내용을 즉시 읽어주게 만드는 신호예요
← HTML 예제 목록