웹표준과 웹접근성

💡 웹 정보의 중요성

위와 같이 똑같은 결과물을 위해 다른 방법들이 있습니다. <h2>가 아닌 css로 시각적으로 표현 할 수 있지만 웹페이지에서 내포한 의미는 상이합니다.

단순 시각적 표현으로 만든것은 검색엔진에서도 보여주는것이 다릅니다. 이유를 알기위해 아래에서 웹표준과 웹접근성에대하여 알아봅시다.

1. 🤷‍♂️ 웹표준이란 ?

• 웹에서의 표준은 W3C의 토론을 해 나온 권고안을 말한다.
• 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구분하여 사용해야 한다.
• 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야함을 의미합니다.
• 권고안을 지켜 웹사이트를 제작하는것을 "웹표준을 지켰다"라고 말할 수 있습니다.

1-2. 👀 웹표준 조건

---

• W3C 권장 표준 DTD를 사용
• HTML 문법 오류가 페이지별 평균 99개 이하
• 논리적이고 의미에 맞는 HTML 마크업 및 CSS 레이아웃 사용
• 다양한 브라우저에서 키보드만으로 대부분의 콘텐츠를 탐색, 조작할 수 있음
• 최신 버전의 디바이스, 브라우저에서도 콘텐츠 호환성 유지

1-3. 🔧 웹표준 기술

---

• 구조 - (X)HTML & XML
• 표현 - CSS
• 동작 - DOM & Script(ECMAScript)

뉴스기사 : 웹표준의 W3C와 WHATWG

2. 🤷 웹접근성 ?

접근성이란 뭘까요? 사전적 의미로는 사용자가 어떠한 제품이나 서비스등에 접근해 편리하게 이용할 수 있는 정도를 뜻합니다.

웹접근성이란 어떠한 사용자가 어떠한 기술환경에서도 전문적인 능력 없이 웹사이트에서 제공하는 모든정보에 접근할 수 있도록 보장하는것. 간단히 정리하면 '모든 사용자가 모든 기기에서 웹에 접근할 수 있도록 하는것'입니다.

WAI(Web Accessibility Initiative)

1990년대 이후 폭발적으로 성장한 웹 서비스에서 장애인의 접근성에 관련된 문제가 발생하자, 1997년에 웹 접근성 이니셔티브 (이하 WAI)라는 산하 단체를 설립하여 전문적으로 연구를 하였습니다.

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

공식사이트 : W3C - WAI

2-1. ❗ 웹접근성 지침

---

🤷‍♀️ 인지성(Perceivable)

사용자 인터페이스 요소와 탐색은 운용 가능해야한다.

• 모든 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성, 기호 또는 간단 언어 등과 같은 형태로 제공해야한다.
• 시간을 바탕으로 한 미디어에 대한 대안을 제공해야 한다.
• 정보와 구조의 손실 없이 콘텐츠를 다른 방식(예를 들면 더욱 간단한 형태로)들로 표현할 수 있어야 한다.
• 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.

👓 운용성(Operable)

사용자 인터페이스 요소와 탐색은 운용 가능해야 한다.

• 키보드로 모든 기능을 사용할 수 있도록 해야 한다.
• 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.
• 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않아야 한다.
• 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.

🙆‍♂️ 이해성(Understandable)

정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.

• 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.
• 웹 페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.
• 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.

😁 견고성(Robust)

콘텐츠는 보조 기술을 포함한 넓고 다양한 사용자 에이전트에 의존하여 해석될 수 있도록 충분히 내구성을 가져야 한다.

• 보조 기술을 포함한 현재 및 미래의 사용자 에이전트의 호환성을 극대화해야 한다.

🙏 생각해봅시다 !

현대 사회에서는 검색엔진이 가지고 있는 위상이 정말 높기때문에 검색엔진에 노출되지 않는다는것은 실제로 존재하지 않는다는것과 같습니다.

웹의 핵심적인 철학은 접근성(accessibility) 입니다.
신체적인 장애가 있는분들도 정보로부터 소외되지 않도록 노력해야합니다.
시각장애가 있으신 분들은 시각적인 정보를 청각화해서 정보를 얻게되는데 단순히 시각적으로 이쁘게 만들고 싶다는 생각에 만든것들은 시각장애인분들에게는 '존재하지않는 정보'가 되며 배려하지 않는 것이 됩니다.

여러가지 기술과 테크닉보다는 HTML의 tag를 정확히 알고 의미에 맞게 사용하는것이 '디지털 소외계층'이 없는 사회를 만들 수 있을 것입니다.

관련 문서 : WCAG

관련 문서 : 웹접근성연구소 KWCAG

참고 : 웹접근성과 웹표준

추천 : 네이버 boostcourse - 웹 접근성 이해

추천 : 레진코믹스 - WAI-ARIA 가이드라인