HTML&CSS

[HTML] WAI-ARIA : aria-hidden

사용 이유 숨김 제목과 같이 일부 콘텐츠를 숨길 필요가 있다. 콘텐츠를 숨기는 방법으로는 CSS활용해 display : none, visibility:hidden 을 활용할 수 있습니다. 이러한 기술은 웹 페이지에서 보이지 않을 뿐만 아니라 스크린 리더와같은 보조 기술로도 탐색이 불가능합니다. 가. 스크린 리더 사용자에게 정보 오버로드 방지: 스크린 리더 사용자는 시각적 콘텐츠를 음성으로 변환하여 이해합니다. 따라서 너무 많은 노이즈 요소가 읽히면 콘텐츠를 이해하는 데 어려움을 겪을 수 있습니다. aria-hidden을 사용하여 불필요한 정보를 제거함으로써 사용자의 이해를 돕습니다. 나. 숨겨진 콘텐츠 제공: 일부 콘텐츠는 초기에는 보이지 않지만, 특정 상황에서 스크린 리더 사용자에게 제공되어야 할 수도..

HTML&CSS

[HTML] WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications)

정의 WAI는 W3C에서 웹 접근성을 담당하는 기관으로 ARIA는 RIA 환경의 웹 접근성에 대한 표준 기술 규격을 의미 ARIA는 HTML을 보충해, 일반적으로 보조 기술이 알 수 없는 상호작용 및 흔히 쓰이는 어플리케이션 위젯에 필요한 정보를 제공함. 등장 배경 1. 동적인 웹 애플리케이션 접근성 보장을 위한 지침이 부족함 2. Ajax를 통한 실시간 변경 콘텐츠와 SPA 방식의 콘텐츠 변경이 일어나는 데 스크린리더를 사용자들은 실시간으로 갱신되는 정보를 알 수 없음 3. 화면 확대 시 화면 밖으로 콘텐츠가 변경되어도 이를 파악하기가 힘듦 웹 접근성이란? 웹 사이트에서 제공하는 정보를 차별 및 제한 없이 동등하게 이용할 수 있도록 보장하는 것 웹 접근성 기대 효과 1. 장애인, 고령자 등 다양한 사용..

놀이터주인장
'WAI-ARIA' 태그의 글 목록