웹접근성(Web Accessibility)

웹접근성(Web Accessibility)

웹 접근성(Web Accessibility)

웹 접근성(Web Accessibility)

웹 사이트에서 제공하는 정보를 차별 및 제한 없이 동등하게 이용할 수 있도록 보장하는 것.

• 장애인 및 고령자 등을 포함한 모든 사람
• 다양한 플랫폼 및 장치, 웹 브라우저 등의 모든 환경

웹의 가장 중요한 요소인 HTML은 다양한 플랫폼과 장치에 독립적인 정보교환 수단을 제공하기 위해 탄생되었다. 그래서 사용자의 환경이나 사용하는 기기, 운영체제에 가능한 한 영향을 받지 않고 웹이 제공하는 정보를 사용자에게 전달하고 하는 목적에서 만들어진 정보 전달 체계이다.

하지만 국내 웹의 현실은 웹의 기본적이고 중요한 목적을 무시하고 특정 기기나 운영체제에만 최적화된 경우가 많다. 이러한 정보의 격차를 줄이기 위해 노력해야 한다.

 

웹 표준의 장점

• 개발 및 운영의 효율성 제고. 즉 소스의 통일화로 수정 및 운영관리가 용이.
• 다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상되고, 장애인, 고령자 등을 포함한 사용자층도 확대가능.
• 논리적이고 효율적으로 작성된 웹 문서는 코드의 양이 줄어 파일의 크기가 줄고 서버부담의 감소로 이어진다.
• CSS와 HTML이 분리되어 유지보수에 들어간 시간 단축, 불필요한 마크업이 최소화되어 페이지 로딩 속도가 향상.
• 오래든 브라우저에서도 컨텐츠가 적절하게 표시되고 호환성과 운용성이 확보된다.
• 스크린 리더기 등 보조공학 기기 사용자들이 조금 더 정확한 정보를 얻을 수 있도록 돕는다.
• 검색봇을 통한 효율적 노출과 같은 검색엔진최적화가 가능.

 

웹 콘텐츠 접근성 지침(WCAG)

웹의 표준화 관련 국제 기구인 월드 와이드 웹 컨소시엄(W3C ; World Wide Web Consortium)에서는 1990년대 중반 이후 폭발적으로 성장한 웹 서비스에서 장애인의 접근성에 관련된 문제가 발생하자, 1997년 웹 접근성 이니셔티브(WAI ; Web Accessibility Initiative)라는 산하 단체를 설립해 이 문제를 전문적으로 연구하기 시작했다. WAI는 웹 접근성을 위해 다양한 활동을 펼치고 있는데, 그 중 하나가 '웹 접근성을 위한 지침'을 마련한 것이다.

웹 접근성 이니셔티브(WAI ; Web Accessbility Initiative)

WAI는 시각 ・ 청각 기능 등에 장애를 지닌 사람도 일반인과 동등하게 웹에 접근하여 이용할 수 있도록 관련 지침을 개발하고 웹 접근성 향상을 위한 노력을 기울이는 W3C의 산하단체를 말한다. (https://www.w3.org/WAI/)

WAI의 웹 콘텐츠 접근성 지침은 다음과 같다.

1. 인지성(Perceivable)
   • 이미지의 의미나 목적을 이해할 수 있도록 적절한 대체 텍스트 제공.
   • 배경이미지가 의미를 갖는 경우, 배경 이미지의 의미를 이해 할 수 있도록 대체 콘텐츠를 제공.
   • 동영상, 음성 등 멀티미디어 콘텐츠를 이해 할 수 있도록 대체 수단(자막, 원고 또는 수화)을 제공.
   • 색상을 배제해도 원하는 내용을 전달 할 수 있도록, 색상 이외에도 명암이나 패턴 등으로 콘텐츠 구분이 가능.
2. 정보와 사용자 인터페이스 요소는 그들이 인지할 수 있도록 사용자에게 표시될 수 있어야 한다.
3. 운용성(Operable)
   • 키보드로 모든 기능을 사용할 수 있도록 제공.
   • 읽기 및 콘텐츠를 사용하는 사용자들에게 충분한 시간을 제공.
   • 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않는다.
   • 사용자가 탐색하고, 콘텐츠를 찾고 그들이 어디에 위치하고 있는지를 알 수 있도록 도와주는 방법을 제공.
4. 사용자 인터페이스 요소와 탐색은 운용가능해야 한다.
5. 이해성(Understandable)
   • 텍스트 콘텐츠를 판독하고 이해할 수 있도록 제공.
   • 웹 페이지의 탑재와 운용을 예측가능한 방법으로 제작.
   • 사용자의 실수를 방지하고 수정할 수 있도록 도움.
6. 정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.
7. 견고성(Robust)
   • 보조 기술을 포함한 현재 및 미래의 사용자 에이전트의 호환성을 극대화해야 한다.
8. 콘텐츠는 보조 기술을 포함한 넓고 다양한 사용자 에이전트에 의존하여 해석될 수 있도록 충분한 내구성을 갖는다. (에이전트: 특정한 목적을 위해 사용자를 대신해서 작업을 수행하는 자율적 프로세스)

 

관련 용어들

• DTD(Document Type Definition) : 브라우저에서 어떤 문서형 정의를 적용할 것인가를 선언.
• Validator : 웹 문서가 표준안에 따라 만들어졌는지, 접근성에 대한 고려가 이루어 졌는지에 대한 유효성을 검사해주는 도구.
• 메타데이터 : 데이터를 위한 데이터. 즉 구조화된 정보를 분석, 분류하고 부가적 정보를 추가하기 위해 그 데이터와 함께 따라가는 정보.
• 인코딩(Encoding) : 문자들의 집합을 컴퓨터에 저장하거나 통신에 사용할 목적으로 부호화하는 방법.
• 시멘틱 웹(Semantic Web) : 컴퓨터가 정보(웹 문서, 파일, 서비스) 사이에 연결되어 있는 의미를 컴퓨터가 이해하고 논리적 추론까지 할 수 있는 지능형 웹.
• 네임스페이스 : 서로 다른 XML 문서와 서로 인식할 수 있도록 태그로 나타나는 개념상의 공간.
• 마임타입(MIME-TYPE) : Multipurpose Internet Mail Extension Type의 약자로 전송받은 멀티미디어 문서에 대해 클라이언트가 해당 Data를 어떻게 처리하는지 사전에 약속된 명칭을 뜻함.
• 스트리밍(Striming) : 인터넷에서 음성이나 영상, 애니메이션 등을 실시간으로 재생하는 기법.
• 포인팅 디바이스(Pointing Device) : 컴퓨터 조작을 위해 표시 화면에 보이는 커서의 이동을 제어하는데 쓰이는 입력장치.
• 서버측 이미지 맵 : img요소에 ismap 속성을 사용하고 링크 영역의 좌표정보가 서버에 있으며, 마우스와 같은 포인팅 기기로만 사용할 수 있고 키보드로 접근이 불가능하다.
• 클라이언트측 이미지 맵 : 일반적으로 가장 많이 쓰는 이미지 맵으로 img요소에 usemap속성을 사용하고 링크 영역의 좌표정보가 HTML(클라이언트)에 존재한다. 클라이언트측 이미지 맵의 경우 영역별로 대체 텍스트를 적절하게 제공해야 한다.

 

2020/09/17 - [👩🏻‍💻DEVELOPE/Publishing] - 웹 표준성(Web Standards)

 

웹 접근성과 관련된 유용한 자료모음

• 한국형 웹 콘텐츠 접근성 지침 2.1 개정 (2015.3.31)
• 웹 접근성을 고려한 콘텐츠 제작 기법 2.0
• 장애인차별금지 및 권리구제 등에 관한 법률 시행령(2008년 4월 10일 제정)
• 정보접근성 향상을 위한 W3C 국제표준 WAI-ARIA 사례집