일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- onclick
- Semantic tag
- absolute
- HTML
- 페이지 이동
- jQuery
- Transform
- 구글차트
- 태그
- tag
- 가상 클래스
- css3
- html5
- 가상 요소
- 깜박임
- 팝업
- translate
- jQuery UI
- 시맨틱 태그
- window open
- 새창열기
- 시맨틱
- position
- relative
- window.open
- script
- Semantic
- JavaScript
- googlechart
- 툴팁
- Today
- Total
무아지경
[웹접근성]웹 접근성(Web Accessibility) 이란?? 본문
웹 접근성(Web Accessibility)
웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것이다.
특정 대상에 한정되지 않고 모든 사용자가 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것이다.
장애인차별금지법이 생기면서 2013년 4월 11일이후 모든 공공기관과 법인의 웹사이트에서 웹 접근성 준수가 의무화됐다.
간단한 방법의 예시로..
저시력 시각장애인 이나 고령자
- 페이지의 확대/축소 기능이나 고대비 보기 제공
전맹 시각장애인
- 스크린 리더와 같은 대체 소프트웨어를 이용해 사이트를 읽어 왔을때 사이트의 콘텐츠가 순서대로 읽힐 수 있도록 마크업
- 이미지가 제공될 경우 이미지가 어떤 의미로 사용 되었는지를 알 수 있도록 대체텍스트 제공
<img src="http://www.이미지주소.png" alt="대체텍스트">
내가 만든 사이트가 웹접근성을 준수 하고 있는지 확인 할 수 있는 방법은??.....있다.
웹 접근성 자가진단을 통해 알 수 있다.
웹 접근성 자가진단 서비스 사이트와 크롬사용자라면 확장프로그램인 OpenWAX를 통해 자체 진단을 할 수 있다.
참고로
웹 접근성 인증 심사가 있고 이 심사를 통과하면 웹 접근성 인증 마크를 받을 수 있다.
웹 접근성 자가진단 통과 기준은 95%로 이 인증 마크를 받으려면 이를 넘어야 획득 할 수 있다고 하는데...정확한건 잘 모르겠다.
인증 마크를 갱신을 한 적은 있었는데 심사기관에서 위반사항을 서면으로 넘겨주고 이를 해결하면 인증을 갱신 할 수 있다고 해서 수정해서 갱신 한 경험이 있다.
수정한 내용 중..기억나는 건 대부분 이미지에 대한 대체텍스트 누락이었고..
메인페이지에서 레이어 팝업창이 키보드 TAB키로 접근이 되지 않는다고 해서 접근 할수 있도록 수정한 것 등..이 있다.
웹 접근성을 더 많은 내용과 경험이 필요한 부분인 것 같다.
참고 사이트
'웹표준 & 웹 접근성' 카테고리의 다른 글
[웹표준]HTML5 시맨틱(Semantic) 마크업 (0) | 2018.07.13 |
---|---|
[웹표준]inline-block 요소와 block 요소의 배치(?) (0) | 2018.07.13 |