본문 바로가기
Frontend

웹접근성과 웹표준

by 디스코비스킷 2022. 11. 1.
반응형

웹접근성이란

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

  • 장애인 및 고령자 등을 포함한 모든 사람

  • 다양한 플랫폼 및 장치, 웹 브라우저 등의 모든 환경

웹접근성 준수 시 기대효과

  • 장애인, 고령자 등을 포함한 사용자층 확대

  • 규정과 법적 요구 사항에 대한 준수

  • 다양한 환경, 새로운 기기에서의 이용

  • 개발 및 운용의 효율성 제고

  • 사회 공헌 및 복지 기업으로서의 기업 이미지 향상

웹콘텐츠 접근성 지침

웹 접근성 이니셔티브(WAI : Web Accessibility Initiative)

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

  • 인지성

  • 운용성

  • 이해성

  • 내구성

웹표준이란

웹에서 표준적으로 사용되는 기술이나 규칙을 의미하는데, 이는 우리가 흔히 생각하는 표준(standard)과는 조금 다르다. 웹에서의 표준은 W3C의 토론을 통해 나온 권고안(recomendation)을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구분하여 사용하여야 한다.

웹표준 요소가 아닌 독자확장 요소의 대표적인 예로는 인터넷 익스플로러에서 지원했던 marquee 요소와 bgsound 요소, 넷스케이프 네비게이터에서 지원했던 layer 요소 등을 들 수 있다.

웹접근성의 수준을 보장하고 향상시키기 위해서는 이제부터라도 웹 표준에 대한 올바른 이해를 통해 비표준 요소나 독자 확장 요소를 배제하고 최대한 W3C의 웹 표준 권고안을 준수하여 웹 사이트를 구현할 수 있도록 노력해야 한다.

HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것이 목표.

가장 최신 표준인 HTML5에서는 기존 div 요소 외에 다양한 구조 요소를 지원하는데, 새로운 구조 요소에는 header, footer, aside, figure, section, article 등이 있다.

웹표준의 장점

  • 웹접근성 수준의 향상

  • 검색 친화적인 웹 사이트 구현

meta 요소

적절한 제목(heading 요소)의 사용

의미에 맞는 마크업

  • 구조와 표현의 분리

  • 손쉬운 유지 보수 및 비용 절감 효과

  • 호환성 확보

웹브라우저의 실행속도

자바스크립트 실행 속도는 Ajax(에이젝스)로 구현된 웹 사이트들이나 지메일과 같은 웹 어플리케이션 등이 사용자의 요구에 좀 더 빨리 응답할 수 있게 됨을 의미

반응형

최근댓글

최근글

© Copyright 2023 jngmnj