이렇게 크게 4가지로 나누어져 있습니다.
막상 적용사례나 잘못된 사례를 봐도 어렵기만 합니다.
간단하게 정리하겠습니다.
1.1대체 텍스트 | 이미지만 제공하는게 아닌 텍스트 제공 <img alt="설명"> 적극 활용 | alt=" " 불가 최신 업데이트 필수 의미 정확해야 함 |
1.2멀티미디어 대체 수단 | 동영상 제공시 지문이나 수화 필요 콘텐츠를 색만으로 구분하게 해서는 안됨 |
|
1.3명료성 | <,>같은 문자만으로 지시사항 전달은 불가 명암대비가 4.5:1을 만족해야 함 자동재생 콘텐츠 불가 | 검은 배경, 흑색 글씨 등은 불가 |
|
|
|
2.1키보드 접근성 | onfocus나 onblur등을 활용 초점이 맞춰있는 부분을 나타내는 효과 필요 |
|
2.2충분한 시간 제공 | 몇 초후 바로 넘어가는 페이지 불가 |
|
2.3광과민성 발작 예방 | 깜박이거나 번쩍이는 콘텐츠 불가 |
|
2.4쉬운 네비게이션 | 본문 바로가기 등을 제공 페이지 구분위해 적절한 제목 제공 | <frame title="제목"> 빈프레임 <frame title="빈프레임"> |
|
|
|
3.1가독성 | 웹에서 사용하는 언어를 명확히 해야함
|
|
3.2예측 가능성 | 팝업창이 뜨는곳은 미리 알려야 하고, 키보드로도 접근 가능해야 함 |
|
3.3콘텐츠의 논리성 | 요약정보를 표시 summary,caption 속성 사용 |
|
3.4입력 도움 | label for속성 활용하여 레이블 제공 오류시 쉽게 정정이 가능해야 함 |
|
|
|
|
4.1문법 준수 | 중복 선언 불가 및 중첩 관계를 확실히! |
|
4.2웹 애플리케이션 접근성 | 실버라이트,액티브x 불가시 대체 콘텐츠 필요 |
|
어떻게 보면 복잡하고, 쉽기도 하네요.
처음 구축단계부터 웹 접근성 준수가 필요하겠고, 브라우저나 디바이스별 준수도 필요할 듯 싶습니다.
웹표준 뿐만 아니라 웹 접근성 공부도 좀 해야겠습니다.
제목 | 날짜 | |
---|---|---|
코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) | 2018/01/03 | |
jQuery를 배울수 있는 동네들입니다. | 2013/08/09 | |
관련 링크 [1] | 2010/05/23 | |
55 | [크로스브라우징] Azure Remote App | 2015/08/31 |
54 | [크로스브라우징] browserstack | 2015/08/31 |
53 | [크로스브라우징] 웹개발자를 위한 크로스브라우징 테스트 사이트, browsershots.org [1] | 2015/08/31 |
52 | [Form] form 태그의 기본적인 사용방법 | 2015/08/31 |
51 | [웹폰트] 모빌리어스 웹폰트 사용하기 | 2015/11/19 |
50 | [svg] SVG 표현하는 5가지 방법 | 2015/11/26 |
49 | [svg] SVG 소개 | 2015/11/26 |
48 | [svg] 점점점 more 아이콘 svg 파일 | 2015/11/26 |
47 | [svg] svg 제공 사이트, thenounproject.com | 2015/11/26 |
46 | [svg] 간단한 예제, 네모난 박스 svg | 2015/11/26 |
45 | [svg] jenkov svg tutorial | 2015/11/27 |
44 | [svg] svg 색깔 칠하기 | 2015/11/27 |
43 | [부트스트랩] [부트스트랩UI] http://lambdathemes.in/ | 2015/12/18 |
42 | [부트스트랩] metronic_v4.5.2 UI bootstrap | 2015/12/18 |
41 | [프레임워크] igniteui | 2015/12/24 |
40 | [프레임워크] SK플래닛 부트스트랩 기반 UI프레임워크, 코너스톤 [1] | 2015/12/26 |
39 | [부트스트랩] 부트스트랩에서 margin-top 은 어떻게 표현할까? | 2016/06/05 |
38 | [부트스트랩] 부트스트랩 커스텀 padding, margin | 2016/06/05 |
37 | [부트스트랩] 부트스트랩 COLLAPSE 아코디언 효과 | 2016/06/15 |
36 | [부트스트랩] Admin & Dashboard | 2016/06/22 |