ㅇㅅㅇ

웹표준과 웹접근성 본문

프로그래밍/기타

웹표준과 웹접근성

소 아 2019. 11. 20. 10:02

1. 웹표준

말 그대로 웹상에서 지켜야 하는 표준적인 규칙이라고 할 수 있습니다. 좀 더 구체적으로 말하자면 국제 표준화 단체인 W3C(World Wide Web Consortium)가 지정한 표준안을 지켜 웹사이트를 제작하는 것입니다. 또한 그렇게 함으로써 어떤 운영체제나 웹브라우저 상에서도 비교적 동일한 디자인과 기능을 구현하는 데에 그 목적이 있다고 할 수 있습니다.


1) 웹표준의 장점
① 수정 및 관리의 용이
웹표준을 준수하여 (X)HTML과 CSS가 분리된 사이트를 만들 경우 수정사항이 있을 시 CSS의 수정만으로도 손쉽게 디자인의 수정이 가능해 집니다. 따라서 엄청난 시간, 비용절감의 효과를 누리실 수 있습니다.
② 파일 사이즈의 감소를 통한 웹공간의 확보와 로딩 시간 감소
웹표준을 준수하여 코딩할 경우 필요없는 소스와 파일을 줄임으로서 웹 공간에 여유공간을 확보하고 페이지 로딩속도를 빠르게 함으로써 사용자에 더 나은 편의를 제공할 수 있습니다.
③ 미래에 나올 브라우저에 대한 상위 버전 호환성
웹표준을 이용하게 되면 컨텐츠와 CSS가 따로 분리 되어 있기 때문에 기존 브라우저에서는 물론, 향후 미래에 나올 스타일시트 기능을 지원하지 않는 브라우저에서 보더라도 문서를 이해하는데 아무런 문제가 없다는 장점을 지니고 잇습니다.
④ 검색 엔진에 대한 최적화 방안
웹표준을 이용하여 (X)HTML 소스를 중요도에 맞게 구조화하고, 깨끗하게 정리된 소스를 만들어내면 검색 로봇이 올바르게 검색할 수 있습니다. 예를 들어 웹표준 태그인 (h1~h6)태그와 텍스트 강조 요소 등을 이용하면 검색엔진에 효율적으로 노출될 수 있도록 최적화 시킬 수 있습니다.

⑤ 웹 접근성 용이
웹표준을 이용해 작성한 문서는 거의 모든 브라우저, 휴대폰, PDA, 장애인 지원용 소프트웨어에서 쉽게 읽을 수 있습니다. 웹표준을 준수하면장애인의 웹사이트 이용에도 도움이 되며, 대체 텍스트 지원으로 이미지 링크 등이 변경이 되어도 문서를 이해하는 있어서 무리가 없게 됩니다.


2) 대한민국 웹 표준 사이트가 되기 위한 조건
① W3C 권장 표준 DTD(Document Type Definition) 사용.
② 논리적이고 의미에 맞는 HTML 마크업과 CSS 레이아웃 사용.
③ 최신 버전의 데스크탑 및 모바일 브라우저 'Internet Explorer, Firefox, Safari, Opera, Chrome'에서 콘텐츠 호환성 유지.
④ HTML 문법 오류가 페이지별 평균 99개 이하. 초기화면은 필히 99개 이하. 확인. CSS 문법 오류는 확인하지 않음.
⑤ 'ActiveX, Java Applet, Flash, Silverlight Javascript'와 같은 부가 어플리케이션이 존재 하더라도 핵심 기능을 사용하는데 지장이 없음.
⑥ 다양한 웹 브라우저에서 키보드만으로 대부분의 콘텐츠를 탐색하거나 조작할 수 있음. 네비게이션을 플래시로 구현한 경우 등록 불가.

 

3) 웹표준 코딩 검사 사이트
아래 사이트는 웹페이지의 웹표준 준수 여부를 검사해 준다.
통과할 경우 웹표준을 준수했다는 마크를 받을 수 있다.웹표준 인증마크
[W3C Mark Up 검증 서비스]  http://validator.kldp.org/
[W3C CSS Validation 서비스] http://jigsaw.w3.org/css-validator/

총 3가지 방법으로 이용이 가능하다.
① URL입력
② 파일업로드
③ 코드 직접입력

2. 웹접근성

웹 접근성(web accessibility)은 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항이다

 

1) 웹 접근성 준수 고려사항
① 시각 - 실명, 색각 이상,다양한 형태의 저시력을 포함한 시각 장애
② 이동성 - 파킨슨병, 근육병, 뇌성마비, 뇌졸중과 같은 조건으로 인한 근육 속도 저하, 근육 제어 손실로 말미암아 손을 쓰기 어렵거나 쓸 수 없는 상태
③ 청각 - 영상, 음성 콘텐츠에 자막,원고, 수화등의 대체수단 부제로인한 인식이 불가능한 상태
④ 인지 - 문제 해결과 논리 능력, 집중력, 기억력에 문제가 있는 정신 지체 및 발달 장애, 학습 장애(난독증, 난산증 등)

 

2) 웹 브라우징에 쓰이는 보조과학기술

웹 브라우징을 할 수 있게 하거나 도움을 주는 등을 목적으로 보조과학기술을 이용할 수 있습니다.
① 스크린 리더 소프트웨어

② 화면 확대 도구

③ 음성 인식

④ 키보드 오버레이

 

* 참고사이트

웹표준 - http://publisherj.dothome.co.kr/xe/whatiswebstandard

웹접근성 - http://www.wa.or.kr/m1/sub1.asp

저작자표시

'프로그래밍 > 기타' 카테고리의 다른 글

구글 애널리틱스(gtag), 동일 사이트에 추적코드 두 개 이상 적용하기  (0) 2022.06.20
네이버, 구글 검색엔진 최적화(SEO) 가이드 사이트  (0) 2020.09.09
카페24쇼핑몰 디자인 수정 시 참고 사이트  (1) 2020.07.27
티스토리 코드블럭에 하이라이트 적용해보기  (0) 2019.04.15
'프로그래밍/기타' Related Articles more
Comments