웹 표준 점검 목록
1. 코드의 품질
- 올바른 Doctype을 사용하고 있는가
http://www.w3.org/QA/2002/04/valid-dtd-list.html - Character set을 사용하고 있는가?
http://www.w3.org/International/O-charset.html - 유효한 (X)html을 사용하고 있는가?
http://validator.w3.org/ - 효한 CSS를 사용하고 있는가??
http://jigsaw.w3.org/css-validator/ - 어떠한 CSS을 사용하고 있지 않은가?
- 불필요한 class나 id를 사용하고 있지 않은가?
- 코드가 구조적으로 짜여져 있는가?
http://www.w3.org/2003/12/semantic-extractor.html - 사이트에 깨진 링크는 없는가?
http://validator.w3.org/checklink - 속도와 문서 크기의 사이에서 사이트가 어떻게 실행되는가?
http://www.websiteoptimization.com/services/analyze/ - 자바스크립트 에러는 없는가?
2. 내용(구조)과 표현의 분리 정도
- 사이트의 모든 표현적인 외관을 위해 CSS를 사용하고 있는가? (글꼴, 색상, padding, borders 등)?
- 장식적인 모든 이미지가 CSS안에 있는가, 아니면 (X)HTML에 나타나 있는가?
3. 사용자를 위한 접근성
- 설명을 위한 이미지에 "alt" 속성을 사용하고 있는가?
- 글자 크기에 절대적인 단위 보다는 상대적인 단위를 사용하고 있는가?
- 폰트 크기를 키웠을때 레이아웃의 외형이 깨지는 곳이 있는가?
- 눈에 보이는 바로가기 메뉴를 제공하는가?
- 접근하기 쉬운 폼(form)을 사용하는가?
- 접근하기 쉬운 테이블(table)을 사용하는가?
- 색상의 밝기와 대비가 충분한가?
- 중요한 정보에 컬러만을 사용하고 있지는 않은가?
- 드롭다운 메뉴를 위해 지체된 응답이 있지는 않은가? (지체에 장애가 있는 사용자를 위하여)
- 모든 링크가 설명적인가? (시력에 장애가 있는 사용자를 위하여)
4. 장치를 위한 접근성
- 최근의 브라우저와 구형의 브라우저에게 받아들여지도록 동작하는가?
- CSS를 끄거나 지원하지 않아도 내용에 접근이 가능한가?
- 이미지를 끄거나 지원하지 않아도 내용에 접근이 가능한가?
- Lynx같은 텍스트 브라우저에서도 동작하는가?
- 인쇄하였을때 잘 보여지는가?
- 휴대 장치에서 잘 동작하는가?
- 상세한 메타데이터를 포함하고 있는가?
- 브라우저 창 크기의 범위 안에서 사이트가 잘 작동하는가?
5. 기본적인 사용성
- 깔끔한 시각적 계층구조인가?
- 헤딩 레벨을 구분해 내기 쉬운가?
- 이해하기 쉬운 네비게이션인가?
- 일관적인 네이게이션을 사용하고 있는가?
- 링크에 밑줄이 쳐져있는가?
- 일관적이고 적당한 언어를 사용하고 있는가?
- 사이트맵 페이지와 연락할 수 있는 페이지를 가지고 있는가? 그리고 찾기 쉬운 곳에 있는가?
- 규모가 큰 사이트인 경우에 검색 툴이 있는가?
- 사이트의 모든 페이지에 홈으로 갈 수 있는 링크가 있는가?
- 방문했던 링크는 특별한 색으로 확실하게 정의되어 있는가?
6. 사이트 관리
- 사이트의 모든 곳에서 작동하는 의미있고 도움되는 404에러 페이지가 있는가?
- 친화적인 URL을 사용하고 있는가?
- "www"를 빼도 작동하는 URL인가?
- 파비콘이 있는가?