웹 표준, 웹 접근성

IT공부중·2021년 2월 22일
0

웹 전반

목록 보기
7/7

'웹에서 표준적으로 사용되는 기술이나 규칙'

표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript등에 대한 규정이 담겨있다.

어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상작동해야 함을 의미한다.

중요한 이유?

현재 전 인류의 절반 이상이 인터넷을 사용하고 있으며 앞으로도 증가하고 있다.

웹 표준이 없던 1990년 대 말 ~ 2000년대 초반의 웹개발자들은 사실상 2개의 사이트를 만들어야했다. (익스플로러, 넷스케이프)

지금과 같이 표준이 있었더라면 한번만 작업해도 되고 많은 노동력과 시간을 아낄 수 있다. 자연스럽게 정보 제공의 질도 높아질 것이다.

장점

  • 소스의 통일화로 수정 및 운영관리가 용이하다.
  • 다양한 브라우저, 휴대폰, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성 향상.
  • 논리적이고 효율적으로 작성된 웹 문서는 코드의 양이 줄어서 파일 크기가 줄어든다. 이는 서버부담의 감소로 이어질 수 있다.
  • CSS와 HTML이 분리되어 유지보수에 들어가는 시간이 단축된다. 불필요한 마크업 최소화 되어 로딩 속도가 빨라진다.
  • 오래된 브라우저에서도 컨텐츠가 적절하게 표시되고 호환성과 운용성 확보.
  • 스크린리더기 등 보조공학 기기 사용자들이 조금 더 정확한 정보를 얻을 수 있도록 돕는다.
  • 검색 봇을 통한 효율적인 노출과 같은 검색엔진 최적화가 가능하다.

웹 접근성

신체적 차이나 장애 여부와 상관없이 누구나 원활하게 웹페이지를 이용할 수 있어야 한다는 점을 의미한다. 시각장애인의 경우 화면을 눈으로 볼 수 없기 때문에 '스크린 리더'라는 별도의 소프트웨어를 컴퓨터에 설치하여 음성으로 웹페이지에 담긴 정보를 이해한다. 예를 들어 '메뉴' 라는 텍스트 대신에 메뉴라고 그려진 이미지를 사용할 경우 정상인은 인식이 가능하지만 소프트웨어 입장에서는 그저 이미지일 뿐이기 때문에 그 이미지 안의 내용을 시각 장애를 가진 사람에게 전달하는 것이 불가능하다. 따라서 되도록이면 이미지 대신 소스코드에 내용을 그대로 담는것이 권장 되며, 부득이하게 이미지를 사용할 경우 반드시 이미지가 어떤 내용인지 'alt'에 설명을 추가해야한다.

이처럼 우리는 장애가 있는 경우에도 웹페이지를 이용할 수 있도록 지켜야하는 사항을 웹접근성이라고 한다.

시멘틱 태그를 사용하면 웹 접근성을 높일 수 있다. 또한, 각 상황에 맞는 태그를 쓰는 것이 중요하다. 또한, 마우스 없이 키보드만 사용하여 탭과 엔터를 통해 웹을 사용할 수 있게 하는 것도 웹 접근성을 높이는 것 중 하나이다.

만화

https://www.thisisgame.com/webzine/nboard/213/?n=56672

profile
4년차 프론트엔드 개발자 문건우입니다.

0개의 댓글