a11y

접근성 목차

1. 접근성이란?

2. 장애인차별금지법 관련 지침

3. 접근성 인증 마크

4. 접근성 가이드라인

• 4.1. 웹 콘텐츠 접근성

• 4.2. 한국형 웹 콘텐츠 접근성

• 4.3. 모바일 앱 접근성

• 4.4. 무인정보단말기 접근성

  • 설계 원칙

  • 주변 환경

  • 요구사항

  • 개인정보/지원 서비스

5. 접근성 항목별 준수 가이드

• 5.1. 웹 콘텐츠 접근성

  • 인식의 용이성(Perceivable)

  • 운용의 용이성(Operable)

  • 이해의 용이성(Understandable)

  • 견고성(Robust)

• 5.2. 모바일 앱 접근성

  • 인식의 용이성(Perceivable)

  • 운용의 용이성(Operable)

  • 이해의 용이성(Understandable)

  • 견고성(Robust)

• 5.3. 무인정보단말기 접근성

6. 접근성 체크리스트

• 6.1. 웹 콘텐츠 접근성

• 6.2. 모바일 앱 접근성

• 6.3. 무인정보단말기 접근성

7. WAI-ARIA

• 7.1. WAI-ARIA란?

• 7.2. WAI-ARIA 역할

  • Abstract Roles

  • Widget Roles

    • tab으로 분리? - 독립형(Standalone)
    • tab으로 분리? - 복합형(Composite)

  • Document Structure

  • Landmark Roles

  • Live Region Roles

  • Window Roles

• 7.3. WAI-ARIA 상태 및 속성

  • Widget Attributes

  • Live Region Attributes

  • Drag-and-Drop Attributes

  • Relationship Attributes

8. 관련 도구 및 플러그인

9. 접근성 참조

---

여기서부터는 별도 메뉴
상단 메뉴 중 HTML, CSS, ACCESSIBILITY, A11Y CREATION TECH
A11Y CREATION TECH 메뉴 생성해서 하위 메뉴로
ACCESSIBILITY 메뉴명도 A11Y로 변경 고려?
접근성 콘텐츠 제작 기법(Accessibility Content Creation Techniques)
너무 길어서 접근성 제작 기법으로 A11y Creation Tech

A11Y CREATION TECH

1. 웹 접근성 제작 기법 - 대기중

인식의 용이성(Perceivable)

• 적절한 대체 텍스트 제공

• 자막 제공

• 표의 구성

• 콘텐츠의 선형구조

• 명확한 지시사항 제공

• 색에 무관한 콘텐츠 인식

• 자동 재생 금지

• 텍스트 콘텐츠의 명도 대비

• 콘텐츠 간의 구분

운용의 용이성(Operable)

• 키보드 사용 보장

• 초점 이동과 표시

• 조작 가능

• 문자 단축키

• 응답시간 조절

• 정지 기능 제공

• 깜빡임과 번쩍임 사용 제한

• 반복 영역 건너뛰기

• 제목 제공

• 적절한 링크 텍스트

• 고정된 참조 위치 정보

• 단일 포인터 입력 지원

• 포인터 입력 취소

• 레이블과 네임

• 동작기반 작동

이해의 용이성(Understandable)

• 기본 언어 표시

• 사용자 요구에 따른 실행

• 찾기 쉬운 도움 정보

• 오류 정정

• 레이블 제공

• 접근 가능한 인증

• 반복 입력 정보

견고성(Robust)

• 마크업 오류 방지

• 웹 애플리케이션 접근성 준수

2. 모바일 접근성 제작 기법 - 진행중

인식의 용이성(Perceivable)

• 대체 텍스트 (완료)

• 자막, 수화 등의 제공 (완료)

• 색에 무관한 인식 (완료)

• 명도 대비 (완료)

• 명확한 지시 사항 (완료)

• 알림 기능 (완료 - 준수/미준수 사례 대기)

텍스트 위주의 내용 먼저 정리 추 후 관련 이미지 삽입 예정

운용의 용이성(Operable)

• 초점 (완료 - 준수/미준수 사례 대기)

• 누르기 동작 지원 (완료 - 준수/미준수 사례 대기)

• 응답 시간 조절 (완료 - 준수/미준수 사례 대기)

• 정지 기능 제공 (완료 - 준수/미준수 사례 대기)

• 컨트롤의 크기와 간격 (완료 - 준수/미준수 사례 대기)

이해의 용이성(Understandable)

• 입력 도움 (완료 - 준수/미준수 사례 대기)

• 사용자 인터페이스의 일관성 (완료 - 준수/미준수 사례 대기)

• 깜박거림의 사용 제한 (완료 - 준수/미준수 사례 대기)

• 자동재생 금지 (완료) - 준수/미준수 사례 대기

• 예측가능성 (완료 - 준수/미준수 사례 대기)

견고성(Robust)

• 폰트 관련 기능의 활용 (완료 - 준수/미준수 사례 대기)

• 보조 기술과의 호환성 (완료 - 준수/미준수 사례 대기)

3. 무인정보단말기 접근성 제작기법

---

기타 bookmark

• CSS TIP (css만으로 해상도 알아내기)