웹 접근성

개념 설명

맨제 여부와 관계없이 모든 사용자가 웹 콘텐츠를 이용할 수 있도록 돕는 설계와 개발 원칙.

핵심 포인트

• WCAG 2.1 가이드라인: 인지 가능, 운용 가능, 이해 가능, 견고성
• 시맨틱 HTML: 의미 있는 태그 사용으로 스크린 리더 지원
• ARIA 속성: aria-label, aria-describedby, role 등으로 의미 보강
• 키보드 내비게이션: Tab, Enter, Esc, 화살표 키 지원
• 색상 대비: WCAG AA 기준 4.5:1 이상 대비비 유지

예시 코드

<!-- 접근성 친화적인 뺄튼 -->
<button 
  aria-label="메뉴 열기" 
  aria-expanded="false"
  aria-controls="navigation-menu"
  onclick="toggleMenu()"
>
  ☰
</button>