WAI-ARIA 검색 결과

해당 글 3건

[WAI-ARIA] Aria-describedby

Aria-describedby 활용하기 이번 글에서는 웹페이지 개발 시 스크린리더 사용자들에게 매우 유용한 WAI-ARIA속성 하나를 간략하게 소개하려 합니다. 스크린리더사용자들이 복잡한 구조의 페이지를 탐색할 때 또는 어떤 요소에 대한 상세 설명을 제공해야 할 필요가 있을 때가 있습니다. 복잡한 구조의 캘린더로 예를 들자면, 화면을 시각적으로 인지하는 사용자는 구조를 한 눈에 확인하고 전체적인 내용와 기능을 쉽게 파악할 수 있습니다. 하지만 음성출력으로만 웹페이지를 활용하는 스크린리더 사용자가 복잡한 콘텐츠의 전체적인 내용과 기능을 파악하는 것은 퍽 어려운 일입니다. 또한 암호입력과 같은 폼 요소에서 특정 입력 양식(예를 들어, 최소 한 자리 이상의 문자와 숫자 그리고 대문자가 반드시 포함된 8-16자..
HTMLㆍ웹표준ㆍ 웹접근성 2016. 6. 23. 07:00

NVDA를 활용한 WAI-ARIA 살펴보기 #2

WAI-ARIA 살펴보기 이번 글에서는 NVDA를 활용한 WAI-ARIA 살펴보기 #1 에 이어서 사용자의 입장에서 꼭 필요한 WAI-ARIA의 Role과 Property 몇 가지를 더 살펴보도록 하겠습니다. 탭 컨트롤 웹페이지가 점점 다이나믹해지고 복잡해짐에 따라 보다 사용자들이 편리하게 해당 페이지를 이용할 수 있도록 하는 많은 방법들이 고안되어 있습니다. 그 중 하나가 여러 개의 콘텐츠 그룹을 탭으로 분류하여 사용성을 높히는 방법이 있습니다. 그러나 스크린리더 사용자의 입장에서 보았을 때 어떤 웹페이지의 콘텐츠들이 탭으로 분류되어 있을 경우 오히려 사용성에 있어 문제가 되는 경우가 종종 있습니다. 그 이유는 다음과 같습니다. 일반적으로 웹페이지에서 콘텐츠를 탭메뉴로 그룹화하여 제공할 때 탭을 선택할..
HTMLㆍ웹표준ㆍ 웹접근성 2016. 6. 22. 07:00

NVDA를 활용한 WAI-ARIA 살펴보기 #1

WAI-ARIA 이번 글에서는 지난번 NVDA 에 대한 소개에 이어 NVDA를 통해 웹 접근성 기술 WAI-ARIA가 실제로 적용된 웹 페이지를 살펴 봄으로써 스크린리더 사용자들에게 어떻게 ARIA가 웹페이지 탐색에 있어 도움이 되고 있는지를 알아 보도록 하겠습니다. 이 글이 웹 접근성에 대해 고민하시고 계신 개발자 분들에게 조금이나마 도움이 되었으면 좋겠습니다. 이 글에서 사용하는 NVDA의 버전은 2014.2 입니다. 또한 아래 글에서 예시로 하는 테스트 절차에서 사용되는 브라우저 환경은 특별한 언급이 없는 이상 Internet Explorer11과 Mozilla Firefox의 최신 버전 모두 사용 가능합니다. 다만 이 글에서 언급한 부분 외에 NVDA는 기본적으로 Firefox에서 더 나은 사용자..
HTMLㆍ웹표준ㆍ 웹접근성 2016. 6. 21. 07:00