[웹 접근성] 웹 접근성 이란?

ACCESSIBLITY

접근성이 무엇인지, 웹 개발자에게 어떤 영향을 미치는지 등 접근성에 대해 알아보자.

 

접근성 (Accessibility) 이란?

 

웹 개발에서 접근성( 종종 A11y로 축약 - “a”+“알파벳 11자 ”+”y”) 은

사람들의 능력이 제한적인 경우에도 최대한 많은 사람들이 웹 사이트를 사용할 수 있도록 하는 것을 의미한다.

일반적으로 우리는 장애가 있는 사람들에 관련된 것이라 생각하지만, 사이트에 접속할 수 있도록 만드는 것은 모바일이나 열악한 인터넷 환경에서 이용하는 사람들과 같은 경우에도 포함된다.

 

또한 접근성은 능력이나 상황에 관계없이 모든 사람을 동일하게 대우하고 동등한 기회를 제공하는 것으로 생각할 수도 있다. 장애인 화장실이나 휠체어 경사로가 없는 건물이 잘못된 것처럼(현대 공공 건물에는 일반적으로 휠체어 경사로나 엘리베이터가 있음) 시각 장애가 있다는 이유로 웹사이트를 사용할 수 없는 것도 옳지 않다. 우리는 모두 다르지만 모두 인간이므로 동일한 인권을 가지고 있다.

 

기술(technology)은 우리의 일을 더 쉽게 만들어 준다.

장애가 있는 사람들에게 기술 (technology) 은 모든 것을 가능하게 한다.

접근성이란, 개인의 신체적, 인지적 능력과 웹 접속 방식에 관계없이
최대한 접근 가능 하도록 콘텐츠를 개발하는 것을 의미 한다.

Accessibility means developing content to be as accessible as possible, no matter an individual's physical and cognitive abilities and how they access the web.

 

접근성은 올바른 일이다. 접근성을 고려한 사이트를 제공하는 것은 일부 국가에서는 법으로 정해져 있으며, 이로 인해 당신의 서비스나 제품을 구매할 수 없던 시장이 열릴 수 있다.

 

🏴.  접근성을 고려한 사이트의 장점

• 접근성을 향상시키는 시맨틱 HTML은 SEO도 향상시켜 사이트의 검색 가능성을 높인다.
• 접근성에 관심을 갖는 것은 좋은 윤리와 도덕을 보여주며, 이는 공공 이미지를 향상시킨다.
• 접근성을 향상시키는 다른 모범 사례는 모바일이나 네트워크 속도가 느린 사용자 등 다른 그룹이 사이트를 더 쉽게 사용할 수 있도록 해준다. 실제로 모든 사람이  개선을 통해 혜택을 누릴 수 있다.
• 어떤 곳에서는 이것이 법이기도 하다.

 

🏴.  웹 접근성을 고려한 사이트의 기본 조건

1. 웹 사이트는 키보드, 마우스, 터치 스크린으로 접근할 수 있어야 하며, 화면 판독기와 Alexa, Google Home과 같은 음성 지원 장치를 포함하여 사용자가 웹에 접근하는 다른 모든 방법으로 접근할 수 있어야 한다.
2. 애플리케이션은 청각, 시각, 신체, 인지 능력에 관계없이 사람들이 이해하고 사용할 수 있어야 한다.
3. 사이트는 해를 끼치지 않아야 한다. 모션과 같은 웹 기능은 편두통이나 간질 발작을 일으킬 수 있다.

 

🏳 .  웹 접근성을 고려해야 하는 이유 

시각 장애가 있는 사람

시각 장애가 있는 사람에는 실명, 저수준 시력, 색맹 등이 포함된다. 시각 장애가 있는 많은 사람들은 돋보기 또는 소프트웨어 확대/축소 기능인 화면 돋보기를 사용한다. 요즘 대부분의 브라우저와 운영 체제에는 확대/축소 기능이 있다. 일부 사용자는 화면의 글자를 소리내어 읽어주는 화면 판독기에 의존한다. 일부 스크린 리더의 예는 다음과 같습니다.

• JAWS (Windows) 및 Dolphin Screen Reader (Windows) 유료 제품 
• NVDA (Windows), ChromeVox (Chrome), Orca (Linux) 무료 제품
• VoiceOver (macOS, iPadOS, iOS), Narrator (Windows), ChromeVox (Chrome OS), TalkBack (Android)  운영 체제에 내장된 소프트웨어

통계에 따르면, 세계보건기구(WHO)는 "전 세계적으로 2억 8,500만 명이 시각 장애를 갖고 있는 것으로 추정된다. 3,900만 명이 시각 장애인이고 2억 4,600만 명이 저시력자."라고 추정한다. 이는 당신의 사이트가 적절하게 구축되지 않았기 때문에 놓칠 수 있는 크고 중요한 사용자 인구이다. 이는 미국 인구와 거의 같은 규모이다.

 

🏁. 프로젝트에 접근성 구현하기

 

- 프로젝트 시작부터 접근성을 고려하고 조기에 자주 테스트한다. 다른 버그와 마찬가지로 접근성 문제도 나중에 발견될수록 수정 비용이 더 많이 든다.

- 많은 접근성 모범 사례는 장애가 있는 사용자뿐만 아니라 모든 사람에게 도움이 된다는 점을 명심해야한다. 예를 들어, lean semantic markup 은 스크린 리더에 적합할 뿐만 아니라 로드 속도도 빠르고 성능도 좋다. 이는 모든 사람, 특히 모바일 장치 및/또는 연결 속도가 느린 사용자에게 도움이 된다.

 

 

🏁. 접근성API

웹 브라우저는 보조 기술(AT)에 유용한 정보를 노출하는 특수 접근성 API (기본 운영 체제에서 제공) 를 사용한다 . AT는 대부분 의미 정보를 사용하는 경향이 있으므로 이 정보에는 스타일 정보 또는 자바스크립트. 이 정보는 접근성 트리 라는 정보 트리로 구성된다 .

Different operating systems have different accessibility APIs available:

운영 체제마다 사용 가능한 접근성 API가 다르다.

• 윈도우: MSAA/IAccessible, UIAExpress, IAccessible2
• macOS: NSAccessibility
• Linux: AT-SPI
• Android: Accessibility framework
• iOS: UIAccessibility

웹 앱의 HTML 요소가 제공하는 기본 의미 체계 정보가 부족한 경우 접근성 트리에 의미 체계 정보를 추가하여 접근성을 향상시키는 WAI-ARIA 사양 의 기능으로 이를 보완할 수 있다.

 

 

접근성에 대한 유용한 상위 수준 개요를 제공하고, 접근성이 중요한 이유를 설명하고, 이를 워크플로에 적용할 수 있는 방법을 살펴보았다. 이제 사이트에 액세스할 수 있도록 하는 구현 세부 사항에 대해 배우고 싶어할 것입니다. 이에 대해서는 다음 섹션에서 시작하여 HTML이 접근성을 위한 좋은 기반인 이유를 살펴보겠습니다.

 

 

참조

https://developer.mozilla.org/en-US/docs/Web/Accessibility#key_tutorials