웹 표준을 알고 지켜야 하는 이유

open_h·2020년 11월 20일
1

Web General

목록 보기
1/4
post-thumbnail

길이, 무게, 시간, 전압 등 물리량에 대해서 세계적으로 통일된 단위가 존재한다. 산업현장에서도 부품들의 표준화 등 산업표준이 존재한다. 나사에서 통일된 국제 단위를 사용하지 않아 생긴 문제로 6000억원이 넘는 위성이 우주에서 증발했다. 이와 같이 표준 단위를 사용하지 않아 일어난 유명한 사례들은 매우 많다.

현재는 사실상 인류의 절반 이상이 인터넷을 사용하고 있으며 인터넷의 트래픽의 대부분은 웹 트래픽이다. 사용자가 많은 만큼 웹에 대한 표준화는 반드시 해결해야할 문제이며 특히나 개발자라면 더욱 관심있게 알고 있어야 한다.

웹 표준 개요

웹 표준은 웹에서 표준으로 사용되는 기술이나 규칙을 뜻한다. 웹 표준은 W3C(World Wide Web Consortium)에서 가이드라인을 만들고 있다. W3C에 따르면 웹 표준성은 접근성, 사생활 보호, 보안, 국제화라는 기준을 가져야 한다고 한다. 특히 웹 접근성은 누구나 원활하게 웹 페이지를 이용할 수 있다는 것을 의미하며 WCAG(Web Content Accessibility Guidelines)에서 지침을 다루고 있다. 최신 WC3 웹 접근성 지침 버전 2.1

간단한 예시를 하나 들자면 HTML의 img 테그에 alt attribute로 대체 텍스트를 작성하는 것이다. 대체 텍스트는 시각적인 접근이 불가능한 환경이나 이미지를 가져올 수 없는 등의 상황에서도 정보에 접근할 수 있게 한다. 즉, alt attribute를 비워두지 않고 채우는 것 또한 웹 표준을 바람직하게 지키고 있다고 해석할 수 있다.

웹 표준의 필요성

글 서두에서 필요성에 대해서 조금 언급했다. 좀 더 구체적으로 웹 표준을 지켰을 때의 이점을 알아보자.

  1. 소스들이 표준에 의해 통일되고 효율이 높아져 파일 크기를 줄여 서버 공간을 절약하고 수정 및 운영관리가 쉬워진다.
  2. 모바일 환경, 장애인 지원용 프로그램 등에서 대응이 가능해 접근성이 향상된다.
  3. 검색엔진 최적화에 도움이 된다.
  4. 문서 분리에서 효율적인 마크업을 통해 로딩 페이지 속도를 개선 할 수 있다.
  5. 다양한 브라우저에서 호환할 수 있게 개발할 수 있다.

웹 접근성

W3C에서 웹 접근성의 지침 기준을 크게 4가지 항목 ["인지", "운용", "이해", "견고"] 로 제시하고 있다. 각각의 기준에 따라 웹 페이지의 접근성 적합성을 ["A", "AA", "AAA"] 3단계로 분류하며 AAA가 가장 기준을 충족시킨 단계이다.

  1. 인지성 Perceivable

    사용자 인터페이스와 정보는 사용자가 인지할 수 있도록 표시되어야 한다는 기준이다.

    텍스트가 아닌 콘텐츠에도 대체할 수 있는 텍스트를 제공하는 것, 시간에 기반한 미디어에 대체제를 제공하는 것이 인지성에 해당한다. 또한 콘텐츠가 정보나 구조를 잃지 않으면서 다양한 방식으로 제공될 수 있어야 한다. 자바스크립트 코드와 CSS를 HTML마크업을 분리해서도 무리 없이 페이지를 인지할 수 있는 것이 바람직하다.

  2. 운용성 Operable

    사용자 인터페이스 컴포넌트와 네비게이션은 운용이 가능해야 한다는 기준이다.

    키보드만으로 모든 기능을 사용할 수 있게 구성하고 키보드 이외에도 다양한 입력 방식을 제공하여 사용자가 쉽게 사용할 수 있어야 한다. 충분한 시간이 주어지며, 사용자가 원하는 내용을 탐색할 수 있어야 하며 사용자가 신체적인 반응(발작 등)을 일으킬 가능성이 있는 콘텐츠를 제작하지 않는다.

  3. 이해성 Understandable

    사용자 인터페이스의 정보와 운용은 이해할 수 있도록 제공되어야 한다는 기준이다.

    사용자 입장에서 웹페이지의 가독성이 높고 예측가능한 방향으로 보이고 작동해야 한다. 또한 사용자가 실수를 피하고 수정할 수 있도록 도와주어야 한다.

  4. 내구성 Robust

    콘텐츠는 보조 기술을 포함하여 다양한 사용자 에이전트로 해석될 수 있을만큼 견고해야한다는 기준이다.

정리

우리나라에서 액티브X 기반 결제창과 인터넷 은행 업무 등으로 불편함을 겪는 사용자가 많다. 이것은 사용자의 웹 접근성 측면에서 문제가 있으며 웹 표준을 지키지 않은 예시라고 볼 수 있다.
전 세계적으로 통일된 계량 단위를 쓰는 것이, 특히 과학자나 엔지니어라면 SI 단위를 사용 하는 것은 정말 당연한 일이다. 그렇지 않으면 또다시 6000억 위성이 순식간에 우주쓰레기가 될 것이다.
마찬가지로 웹 개발자라면 웹 표준을 정확히 알아야 하고 기준에 맞게 웹 페이지를 만들 수 있어야 한다.

추천 블로그 글 : 겸손한 자바스크립트
전에 이 글을 인상깊게 읽었어서 북마크를 해두었는데, 웹 표준에 대해 알게 되면서 다시 읽어보니 자바스크립트 작성시 웹 표준을 따르는 방법에 대해 구체적으로 잘 정리된 글이라는 것을 알게 되었다. 역시 아는만큼 보이나 보다.

참고 자료:

https://webdir.tistory.com/34

http://www.smartebiz.kr/new/subpage02_02.html

profile
The only thing that interferes with my learning is my education.

0개의 댓글