티스토리 뷰
웹 접근성 - 한국형 웹 콘텐츠 접근성 지침
1. 인식의 용이성
- 대체 텍스트
- 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.
적절한 대체 텍스트 제공
- 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.
- 멀티미디어 대체 수단
- 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다.
자막 제공
- 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다.
- 명료성
- 콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
색에 무관한 콘텐츠 인식
- 지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.
명확한 지시 사항 제공
- 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.
텍스트 콘텐츠의 명도 대비
- 자동으로 소리가 재생되지 않아야 한다.
자동 재생 금지
- 이웃한 콘텐츠는 구별될 수 있어야 한다.
콘텐츠 간의 구분
- 콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
2. 운용의 용이성
- 입력장치 접근성
- 모든 기능은 키보드만으로도 사용할 수 있어야 한다.
키보드 사용 보장
- 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
초점 이동
- 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
조작 가능
- 모든 기능은 키보드만으로도 사용할 수 있어야 한다.
- 충분한 시간 제공
- 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
응답시간 조절
- 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
정지 기능 제공
- 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
- 광과민성 발작 예방
- 초당 3~50 회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.
깜박임과 번쩍임 사용 제한
- 초당 3~50 회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.
- 쉬운 내비게이션
- 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
반복 영역 건너뛰기
- 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
제목 제공
- 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.
적절한 링크 텍스트
- 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
3. 이해의 용이성
- 가독성
- 주로 사용하는 언어를 명시해야 한다.
기본 언어 표시
- 주로 사용하는 언어를 명시해야 한다.
- 예측 가능성
- 사용자가 의도하지 않은 기능(새 창, 초점에 의한 맥락 변화 등)은 실행되지 않아야 한다.
사용자 요구에 따른 실행
- 사용자가 의도하지 않은 기능(새 창, 초점에 의한 맥락 변화 등)은 실행되지 않아야 한다.
- 콘텐츠의 논리성
- 콘텐츠는 논리적인 순서로 제공해야 한다.
콘텐츠의 선형 구조
- 표는 이해하기 쉽게 구성해야 한다.
표의 구성
- 콘텐츠는 논리적인 순서로 제공해야 한다.
- 입력 도움
- 사용자 입력에는 대응하는 레이블을 제공해야 한다.
레이블 제공
- 입력 오류를 정정할 수 있는 방법을 제공해야 한다.
오류 정정
- 사용자 입력에는 대응하는 레이블을 제공해야 한다.
4. 견고성
- 문법 준수
- 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
마크업 오류 방지
- 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
- 웹 애플리케이션 접근성
- 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.
웹 애플리케이션 접근성 준수
- 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.
자료 : 한국형 웹 콘텐츠 접근성 지침 참고하여 만들었습니다.
' 이것 저것 기타 > Website' 카테고리의 다른 글
웹페이지 효율적인 작업방법 (0) | 2018.07.20 |
---|
댓글
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
TAG
- JavaScript
- Es5
- 가상돔
- 깃헙
- github
- website
- HTML
- virtual dom
- 클래스 컴포넌트
- 리엑트
- window
- 함수 컴포넌트
- this
- Prototype
- 웹사이트
- class component
- Let
- array
- string
- useState
- TypeScript
- scope
- Angular
- NestJS
- const
- useEffect
- Function Component
- 클래스형 컴포넌트
- react
- ES6
최근에 올라온 글
- Total
- Today
- Yesterday