-
웹표준, 웹접근성 검사하기👩💻 개발 도구 및 환경 2022. 7. 17. 17:07
퍼블리셔 공부를 하게되면 자연스럽게 배우게 되는게 웹표준과 웹접근성인 같아요.
웹 표준 ?
(웹 표준화 단체인 W3C가 권고한 표준안에 따라)
사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있도록 하는 것.
웹 접근성 ?
모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것.
내가 작성한 마크업이
웹표준, 웹접근성에 맞추어 잘 작성했는지 확인해보려면?HTML 웹표준 검사
HTML은 W3C Validator HTML 마크업 검증 사이트를 이용하면 됩니다.
W3C Validator HTML 마크업 검증 사이트 The W3C Markup Validation Service
파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업로드가 되지 않을수도 있습니다. 이 경우에는, W3C QA 사이트의 information page 를 참고 하십시오. 직접 입력하여 유효성 검사
validator.kldp.org
(요즘은 툴이 좋아서 자동완성이나 자동으로 태그닫기가 잘 되어 있지만)
태그가 잘 안닫혀 있던가....오타가 있던가... 문법 오류가 있는 부분들을 잘 찾아줍니다.
그렇다면 CSS는 어떻게 웹표준 검사를 하나요?
CSS 웹표준 검사
CSS는 W3C Validator CSS 검증 사이트를 이용하면 됩니다.
W3C Validator CSS 검증 사이트 http://www.css-validator.org/validator.html.ko
W3C CSS 검사 서비스
파일 업로드를 통한 검사 직접 입력을 통한 검사
www.css-validator.org
'웹 문서가 모바일 친화적인가?' 확인하는 방법은?
W3C mobileOK 검사
모바일 웹 페이지를 만들었다면 W3C mobileOK 검증 사이트를 이용하면 되는데요.
웹 문서의 모바일 친화성 수준을 확인하고, 특히 웹 문서가 mobile OK~인지 여부를 확인하는 데 도움이 됩니다.
W3C mobileOK 검증 사이트 https://dev.w3.org/2008/mobileok-webui/
W3C mobileOK Checker
Validate by File Upload Note: mobileOK tests cannot all be run when file upload is used. In particular, checks at the HTTP level and tests that apply on resources linked from the HTML document cannot be run. Also note that file upload may not work with Int
dev.w3.org
저 같은 경우에는 신규 구축 시, 파일업로드로 검사를 하여
변경이 필요한 부분들을 해결합니다 ㅎㅎ
사람은 누구나 실수하고, 놓칠 수 있기 때문에 웹표준과 웹접근성에 대해서 신경 쓰시는 분들에게는
이런 유용한 사이트의 도움을 받은게 좋다고 생각합니다.
업무시 아무리 바쁘더라도 웬만해서는 이 두가지를 지켜가면서 작업하려고 하는 편입니다.
처음부터 완벽 할 수 없기에 도움을 받아 코드의 완성도를 높힙시다!
반응형'👩💻 개발 도구 및 환경' 카테고리의 다른 글
[GitHub] README.md에 이미지를 추가하는 방법 (0) 2022.10.13 [vscode] 괄호 색상으로 구분과 색상 변경 (0) 2022.09.24 [vscode] 주석 색상 변경 (0) 2022.09.24 [VScode] Reactjs Code Snippets 의 단축키 (0) 2022.02.15 [IntelliJ] 인텔리제이 메뉴 및 탭 글자 크기 변경 (0) 2021.12.06