본문 바로가기

programming study/web

웹 접근성 & 표준

본 내용은 10분 테코톡 미키님의 강의를 토대로 작성하였습니다.

1. 웹 표준

웹표준이란?

어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹 에서 표준적으로 사용되는 기술이나 규칙

  • 웹 표준은 팀 버나스 리를 중심으로 한 world wide web consortium이라는 조직에 토론에 의해 결정
    • Recommendation - 확정 권고안이 표준

웹 표준의 장점

  • 브라우저, OS에 관계없이 하나의 코드로 모든 플랫폼에 대응할 수 있다.
    • 개발의 효율성, 서버 비용 절감, 운영의 효율성
  • 검색엔진 최적화
    • 웹 페이지가 검색 결과에서 좀 더 높은 순위로 나오는 것
    • 웹 크롤러 봇은 웹 페이지를 탐색하여 분류하는데, 의미를 가진 시멘틱 태그를 사용하여 웹 표준을 지키면 크롤러 봇이 더 이해하기 쉽다.
    • 검색 결과에서 더 높은 우위를 가질 수 있다.
  • 개발자가 더 이해하기 쉬운 코드
    • 시맨틱 태그를 통해 구조를 더 이해하기 쉽다.
  • 구조와 표현의 분리가 가능
  • 웹 접근성을 높인다.

2. 웹 접근성

개인의 능력에 상관없이 웹 페이지의 정보에 접근할 수 있도록 보장하는 것

  • 시각장애인의 경우, 스크린 리더라는 프로그램을 통해서 웹 페이지를 읽을 수 있다.
    • 대화형 요소에 접근할 수 있다.
    • 대화형 요소: anchor, button, input tag 등 상호작용할 수 있는 tag
    • 웹 표준을 준수한 시멘틱 html 구조를 사용한다.

웹 접근성을 높이는 방법

  • 웹 표준을 지킨다.
  • 웹 표준은 접근성 보조 도구가 웹을 좀 더 쉽게 이해할 수 있도록 한다.

Reference

[10분 테코톡] 미키의 웹 접근성 & 표준

'programming study > web' 카테고리의 다른 글

CORS  (0) 2021.07.16
SPA  (0) 2021.07.13
Web Server vs WAS  (0) 2021.07.11
브라우저 렌더링  (0) 2021.07.11
REST API (2021.3.14)  (0) 2021.03.14