1. 웹 접근성의 중요성과 주요 원칙은 무엇인가요?
- 웹 접근성은 다양한 장치, 환경, 장애를 가진 사람도 웹을 이용할 수 있도록 서비스 및 컨텐츠 제작을 하는 것입니다.
- 웹 접근성은 모든 사람들이 차별 없이 정보 및 서비스를 손쉽게 활용할 수 있게 한다는 점에서 중요합니다.
- 한국현 웹 컨텐츠 접근성 지침은 크게 4가지 원칙을 가지고 있습니다.
- 모든 컨텐츠는 사용자가 인식할 수 있어야 합니다.
- 이미지에 적절한 대체 텍스트를 제공하고, 컨텐츠가 명료하게 보여야 합니다.
- 사용자 인터페이스 구성요소는 조작 가능하고 네비게이션할 수 있어야 합니다.
- 모든 기능은 키보드만으로도 사용 가능해야 하며, 쉬운 네비게이션을 제공해야 합니다.
- 컨텐츠는 이해할 수 있어야 합니다.
- 컨텐츠는 주로 사용하는 언어를 명시하고, 이해하기 쉽게 설명해야 합니다.
- 웹 컨텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 합니다.
- 마크업 문법과 웹 접근성을 준수해야 합니다.
- 모든 컨텐츠는 사용자가 인식할 수 있어야 합니다.
2. 스크린 리더가 무엇이며, 스크린 리더를 지원하기 위한 웹 접근성 기법과 주의사항은 무엇인가요?
-
스크린 리더는 시각장애인이 컴퓨터를 사용할 때 화면에 나타나는 정보들을 음성으로 출력해주는 화면낭독 프로그램입니다.
-
스크린 리더를 지원하기 위한 웹 접근성 기법으로는 적절한 semantic tag 사용, img 태그의 alt 속성, ARIA 속성 사용 등이 있습니다.
- ARIA(Accessible Rich Internet Applications) 속성은 HTML 태그에 추가하여 요소의 역할 및 속성에 대한 자세한 정보를 제공할 수 있는 추가 속성입니다.
- 스크린 리더를 사용할 때 주의 사항이 몇 가지 있습니다.
- 링크를 서술적으로 만들어서 시력 장애를 가진 분들의 이해도를 높여야 합니다. (의도를 전달해주기)
- 네비게이션의 순서를 타당하게 만들어야 합니다. (tabindex 속성을 사용하여 포커스가 이동하는 순서를 논리적으로 배치하기)
- 컨트롤러나 Input, form에는 적절한 레이블이 꼭 들어가야 합니다.
3. HTML5에서 제공하는 새로운 웹 접근성 요소와 기능은 무엇이 있나요?
- img 태그의 alt 속성이 추가되었고, 시맨틱 태그를 지원하기 위한 태그로 button, main, header, section, footer, article 등의 태그가 추가되었습니다.
