이 튜토리얼 모음에서는 장애인이 액세스할 수 있고 모든 사람에게 더 나은 사용자 경험을 제공하는 웹 콘텐츠를 개발하는 방법을 보여 줍니다.
이 튜토리얼은 다음과 같은 다양한 사람들이 사용할 수 있도록 설계되었습니다.
- 웹 개발자는 여러 가지 일반적인 코딩 문제에 대한 지침과 상용구 솔루션을 찾을 수 있습니다.
- 웹 디자이너는 포괄적인 디자인이 내장된 웹 페이지 구성 요소를 만드는 방법을 배울 수 있습니다.
- 웹 강사는 사람들에게 접근 가능한 웹 디자인 및 개발에 대해 가르칠 수 있는 예제를 찾을 수 있습니다.
- 콘텐츠 작성자는 접근 가능한 방식으로 콘텐츠를 준비하기 위한 개념과 기술을 배웁니다.
- 프로젝트 관리자는 프로젝트에 접근성을 통합하는 방법을 이해할 수 있습니다.
이 튜토리얼은 웹 프로젝트의 일반적인 작업을 기반으로 다양한 접근성 주제를 다룹니다. 예를 들어 HTML4, HTML5, CSS3, WAI-ARIA, MathML, SVG 등 다양한 웹 기술을 사용하여 접근 가능한 이미지와 표를 제공하는 방법을 보여 줍니다. 튜토리얼에서 설명하는 개념과 기법은 다른 형식에도 적용됩니다.
웹 저작 도구(콘텐츠 관리 시스템(CMS), WYSIWYG 편집기, 워드 프로세서 등)를 사용하면 이 자습서에서 설명하는 대로 액세스할 수 있는 콘텐츠를 만드는 데 도움이 될 수 있습니다.
WCAG와의 관계
이 튜토리얼은 다양한 상황에서 접근성을 구현하기 위한 모범 사례 지침을 제공합니다. 이 튜토리얼은 다양한 적합성 수준에서 WCAG 2 성공 기준과 기술을 결합합니다. 각 튜토리얼 페이지에는 해당 페이지에서 사용된 구체적인 성공 기준과 기법이 나열되어 있습니다. 규범적인 WCAG 2.0 및 WCAG 2.1 표준과 그 지원 자료에 대한 보다 포괄적인 내용은 WCAG 2를 충족하는 방법: 사용자 지정 가능한 빠른 참조에서 확인할 수 있습니다.
묶음 글 목록
[A11Y] - 웹접근성 튜토리얼 - 1. 개요
[A11Y] - 웹접근성 튜토리얼 - 2. 페이지 구조
[A11Y] - 웹접근성 튜토리얼 - 3. 메뉴(네비게이션)
이 글은 W3C의 웹접근성 튜토리얼을 번역한 글입니다.
'A11Y' 카테고리의 다른 글
| [번역] 웹접근성 튜토리얼 - 6. 폼 (0) | 2023.07.06 |
|---|---|
| [번역] 웹접근성 튜토리얼 - 5. 테이블(표) (0) | 2023.07.06 |
| [번역] 웹접근성 튜토리얼 - 4. 이미지 (0) | 2023.07.06 |
| [번역] 웹접근성 튜토리얼 - 3. 메뉴(네비게이션) (0) | 2023.07.06 |
| [번역] 웹접근성 튜토리얼 - 2. 페이지 구조 (0) | 2023.07.06 |
