웹표준, 웹접근성 검사하기

 

 

 

퍼블리셔 공부를 하게되면 자연스럽게 배우게 되는게 웹표준과 웹접근성인 같아요.

 

웹 표준 ?

(웹 표준화 단체인 W3C가 권고한 표준안에 따라)

사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있도록 하는 것.

 

웹 접근성 ?

모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것.

 

---

 

내가 작성한 마크업이
웹표준, 웹접근성에 맞추어 잘 작성했는지 확인해보려면?

 

HTML 웹표준 검사

HTML은 W3C Validator HTML 마크업 검증 사이트를 이용하면 됩니다.

 

W3C Validator HTML 마크업 검증  사이트

http://validator.kldp.org/

The W3C Markup Validation Service

 

(요즘은 툴이 좋아서 자동완성이나 자동으로 태그닫기가 잘 되어 있지만)

태그가 잘 안닫혀 있던가....오타가 있던가... 문법 오류가 있는 부분들을 잘 찾아줍니다.

 

 

---

 

 

 

그렇다면 CSS는 어떻게 웹표준 검사를 하나요?

CSS 웹표준 검사

CSS는 W3C Validator CSS 검증 사이트를 이용하면 됩니다.

W3C Validator CSS 검증 사이트

http://www.css-validator.org/validator.html.ko

W3C CSS 검사 서비스

 

 

 

---

 

 

 

'웹 문서가 모바일 친화적인가?' 확인하는 방법은?

 

 

W3C mobileOK 검사

모바일 웹 페이지를 만들었다면 W3C mobileOK 검증 사이트를 이용하면 되는데요.

웹 문서의 모바일 친화성 수준을 확인하고, 특히 웹 문서가 mobile OK~인지 여부를 확인하는 데 도움이 됩니다.

W3C mobileOK 검증 사이트

https://dev.w3.org/2008/mobileok-webui/

W3C mobileOK Checker

 

 

 

 

 

저 같은 경우에는 신규 구축 시, 파일업로드로 검사를 하여

변경이 필요한 부분들을 해결합니다 ㅎㅎ

 

 

사람은 누구나 실수하고, 놓칠 수 있기 때문에 웹표준과 웹접근성에 대해서 신경 쓰시는 분들에게는

이런 유용한 사이트의 도움을 받은게 좋다고 생각합니다.

업무시 아무리 바쁘더라도 웬만해서는 이 두가지를 지켜가면서 작업하려고 하는 편입니다.

 

처음부터 완벽 할 수 없기에 도움을 받아 코드의 완성도를 높힙시다!