Skip to content

ARIA 최소 사용 원칙

SLUR UI System에서는
ARIA를 접근성 문제의 기본 해결책으로 사용하지 않습니다.
ARIA는 구조로 해결할 수 없는 경우에만 사용하는
보조 수단으로 취급합니다.


ARIA는 강력하지만,
잘못 사용될 경우 접근성을 오히려 저하시킬 수 있습니다.

SLUR UI System은 다음 관점을 따릅니다.

  • ARIA는 구조를 대체하지 않습니다.
  • ARIA는 의미 있는 마크업을 보완하는 수단입니다.
  • ARIA가 필요하다면, 구조 설계를 먼저 의심합니다.

접근성은
ARIA 추가로 해결되는 문제가 아니라고 판단합니다.


SLUR UI System에서는 다음 원칙을 기준으로 ARIA 사용 여부를 판단합니다.

  • HTML 기본 요소로 의미 표현이 가능한 경우 ARIA를 사용하지 않습니다.
  • 역할(role), 상태(state), 속성(property)을 중복 정의하지 않습니다.
  • 보조 기술에 혼란을 줄 수 있는 ARIA 사용을 지양합니다.

ARIA는
없어도 동작하는 구조를 전제로 사용해야 합니다.


다음과 같은 경우에 한해 ARIA 사용을 허용합니다.

  • HTML 기본 요소로 의미 표현이 불가능한 경우
  • 커스텀 UI 컴포넌트가 접근성 역할을 가져야 하는 경우
  • 상태 변화가 시각적으로만 표현되는 경우

이 경우에도
ARIA는 최소 범위로만 적용합니다.


SLUR UI System에서는 다음과 같은 ARIA 사용을 금지합니다.

  • 이미 의미를 가진 HTML 요소에 role을 중복 지정
  • 시각적 상태와 다른 ARIA 상태 전달
  • 상태 변경 없이 고정된 ARIA 속성 사용

중복된 ARIA는
접근성을 개선하지 않고 혼란만 증가시킵니다.


ARIA를 추가하기 전에는 다음을 점검합니다.

  • 시맨틱 HTML로 해결 가능한가
  • 구조를 개선하면 ARIA 없이 해결되는가
  • ARIA가 실제 사용자에게 도움이 되는가
  • 상태 변경이 정확히 반영되는가

ARIA가 필요하다고 느껴질수록,
구조 설계를 다시 검토해야 합니다.


ARIA 최소 사용 원칙은
접근성을 단순화하고,
UI 구조와 의미를 명확히 유지하기 위한 기준입니다.

SLUR UI System은
ARIA에 의존하지 않는 구조적 접근성을
최종 목표로 합니다.