본문 바로가기
Frontend#Frontend#Accessibility조회 1

ARIA란?Accessible Rich Internet Applications

정의

HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.

ARIA란?

커스텀 UI(탭·모달·드롭다운)에 스크린 리더가 이해할 정보를 추가하는 속성 모음이다.

주요 속성

  • role="button"·"dialog"·"tab"
  • aria-label, aria-labelledby
  • aria-expanded, aria-hidden
  • aria-live (동적 콘텐츠)

원칙

"ARIA 없는 게 잘못된 ARIA보다 낫다." 네이티브 요소 먼저.

📘 관련 기술노트

전체 보기 →

🔗 함께 보면 좋은 용어

Frontend 전체 →