[WEB] 웹 표준 및 웹 접근성

Web Standards

Web standards are the technologies we use to build websites. These standards exist as long technical documents called specifications, which detail exactly how the technology should work.
- MDN

 

웹 표준은 간단하게 표현하면 웹사이트를 만들 때 사용하는 기술을 표준화한 것입니다.

 

이 표준은 문서화되어 있고, 어떤 식으로 기술이 작동해야 하는지를 구체적으로 명시하고 있습니다. 웹 표준은 웹사이트를 이루고 있는 HTML, CSS, JS왁 같은 요소들이 표준화된 방식으로 작성되어 어떤 환경에서도 화면을 동일하게 볼 수 있도록 합니다.

웹 표준의 장점

1. 호환성
2. SEO(검색 엔진 최적화)
3. 유지보수 및 확장성
4. 웹 접근성 향상

웹 표준 준수 방법

• DOCTYPE 선언 : 버전을 명시해준다
• 시맨틱 태그 사용 : 웹 페이지 구조를 명확하게 한다
• CSS 스타일 시트 사용 : 디자인과 레이아웃을 분리하여 유지보수 및 확장성을 높인다
• 웹 접근성 고려 : 모든 사용자가 접근 가능하도록 만든다

Web Accessibility

 When websites and web tools are properly designed and coded, people with disabilities can use them. However, currently many sites and tools are developed with accessibility barriers that make them difficult or impossible for some people to use.

Making the web accessible benefits individuals, businesses, and society. International web standards define what is needed for accessibility.
- reference : W3

 

쉽게 얘기하면 웹 접근성은 모든 사람들이 웹에 접근하고 사용하는데 불편함이 없도록 하는 것이라고 할 수 있습니다.

 

웹 접근성을 고려해 웹사이트와 웹상의 도구들이 올바르게 디자인되고 개발되면 장애를 있는 사용자도 웹을 사용할 수 있습니다. 하지만 여전히 웹 접근성이 부족한 사이트가 많고, 이로 인해 장애인의 웹 사용이 어렵거나 불가능한 경우가 생깁니다. 국제 웹 표준은 웹 접근성에 어떤 것이 필요한지를 정의하고 있습니다.

웹 접근성 고려해서 개발하기

• 이미지 태그의 alt 속성 사용 : 스크린 리더가 웹 페이지 읽을 수 있도록 한다
• tabindex : 키보드만 이용하여 모든 기능을 사용할 수 있도록 한다
• 시각적 요소 처리 : 이미지, 비디오 등을 인식할 수 있도록 대체 텍스트, 적절한 색상 대비, 텍스트 크기를 고려하여 처리한다
• 청각적 요소 처리 : 자막, 수화, 오디오 설명 등 제공하기
• 웹 접근성 검사 : 웹 접근성 확보를 위한 국제 표준인 WCAG(웹 콘텐츠 접근성 지침) 준수 여부 검사

웹 접근성 관련 레퍼런스

W3에서는 아래 레퍼런스들을 공유하고 있습니다.

각자 상황에 맞는 링크를 참고하면 개발에 도움이 될 것 같아 공유합니다.

• 웹 접근성 조건과 국제 표준을 확인하고 싶다면 Accessibility Principles
• 테스트를 통해 흔한 웹 접근 장벽을 확인하고 싶다면 Easy Checks – A First Review of Web Accessibility
• 디자인, 글쓰기, 개발에 있어 웹 접근성에 대해 고려할 기본적인 사항들에 대해서는 Tips for Getting Started
• 개발과 디자인에 대해 더 알고 싶다면 이런 자료들
  • How to Meet WCAG (Quick Reference)
  • Web Accessibility Tutorials
• 프로젝트 운영과 조직 단위에서의 웹 접근성에 대한 고려가 필요하다면 Planning and Managing Web Accessibility
• 빠르게 웹 접근성에 맞게 수정하고 싶다면 Web Accessibility First Aid: Approaches for Interim Repairs

웹 접근성 검사

웹 접근성 테스트 도구를 사용해도 되지만, 관련 지식이 많은 사람의 평가도 함께 받는 것이 필요하다고 합니다. 또한 웹 접근성에 맞게 수정이 이루어지기 쉬운 개발 초기 단계에서부터 접근성에 대해 평가하고 반영해야 합니다.

참고 자료

Introduction to Web Accessibility

Web Standards

The web and web standards - Learn web development | MDN

🌐 웹 표준 & 웹 접근성 이란?