흩어져있는 웹 접근성 관련 국/내외 자료 링크 모음입니다. 좋은 자료 제공해주시는 모든 원작자, 운영자분들께 감사합니다.
Web For All! 😀
Before reading
- a11y : accessibility의 줄임말
- 쉬운 자료 접근을 위해 중복되는 링크가 있을 수 있습니다.
- 첨부된 링크들은 좋고, 나쁨으로 평가되어 리스팅한 것이 아닙니다. 본인에게 맞는 자료를 선별하여 보시길 추천드립니다.
- info에 '유료'라고 적어놓은 것 외에는 다 무료 접근 가능합니다.
- 웹 접근성이 처음이신 분들은 info에 🌱 있는 것들을 우선 참고해보세요.
W3C 공식문서 관련 링크
KO
Name | Info |
---|---|
WCAG 1.0 번역 | |
WCAG 2.0 번역본 | |
KWCAG 2.1 | 🌱 |
웹콘텐츠 제작기법 | 🌱 |
EN
Name | Info |
---|---|
WCAG 1.0 | |
WCAG 2.0 | |
WCAG 2.1 | 🌱 |
WAI-ARIA | 🌱 |
A11y 교육자료 | |
How to Meet WCAG | 필터링을 통해 상황에 맞는 요소들 참고 가능 |
a11y 관련 예제 제공 사이트
KO
Name | Operator | Info |
---|---|---|
NULI UI 라이브러리 |
EN
Name | Operator | Info |
---|---|---|
WCAG tutorials | W3C | |
MDN Accessibility | Mozlia | |
The A11Y Project Patterns | The A11Y Project | |
WAI-ARIA tutorial | Heydonworks | |
freeCodeCamp | freeCodeCamp | 'Applied Accessibility' 부분 참고 |
a11y 관련 이론과 실습 강좌
KO
Name | Operator | Info |
---|---|---|
웹 UI개발- 웹 접근성의 이해 | 커넥트재단 edwith | 🌱 |
웹접근성 기초 | 리베하얀 | 🌱 |
웹접근성의 이해-기본 | 한국정보화진흥원 배움나라 | 🌱 |
웹접근성의 이해-심화 | 한국정보화진흥원 배움나라 | |
WCAG 2.1 가이드 | AOA | |
웹접근성 자가진단 | 리베하얀 | |
웹 접근성이란 | 한국웹접근성연구소 | 텍스트 ver. |
웹 접근성의 이해 | NTS NULI | 텍스트 ver. |
Accessibility | Daum | 텍스트 ver. |
Web Accessibility | 텍스트 ver. |
EN
Name | Operator | Info |
---|---|---|
Web Accessibility | ||
Starting Building Accessible Web Applications Today | Marcy Sutton | |
Web Accessibility Compliance | Aisha Blake | |
Introduction to Web Accessibility | Ryerson University and Chang School of Continuing Education | |
Digital Accessibility : Enabling Participation in the Information Society | University of Southampton | |
Accessibility | Thomas Bradley | |
Accessibility at a Glance | MSFTEnable | |
UCLA DCP | ||
A11y cast | Google Chrome Developer | |
Further Accessibility Learning | Google Chrome Developer | |
Web Accessibility for Developers | Ryerson University and Chang School of Continuing Education | |
Web Accessibility | Duque University | 유료 |
a11y 관련 커뮤니티
KO
Name | Operator | Info |
---|---|---|
정보접근사용성포럼 | ||
한국 웹 접근성 그룹 |
a11y 관련 온/오프라인 세미나
KO
Name | Operator | Info |
---|---|---|
NULI 세미나 | NTS | |
정보접근성 오픈 아카데미 교육 | 한국정보화진흥원 |
EN
Name | Operator | Info |
---|---|---|
Accessibility Talks Playlist | ||
Accessibility Fundamentals | Rob Dodson | |
Debugging Accessibility | Alice Boxhall | |
How to be an a11y - Creating Accessible React Apps | Neha Nivedita | |
Lost in Space : Web Apps and A11Y | Vitalii Bobrov | |
A11y with Polymer(The Polymer Submmit 2015) | Google Chrome Developer | |
Accessibility at Google I/O 2019 Playlist | Google Developer | |
A11y talks Playlist | Mercy Sutton | |
Technica11y Playlist | Tenon.io | |
Accessibility at Developer Events Playlist | Google Chrome Developer | |
Accessibility Learning Webinar Series Playlist | MSFTEnable | |
Chicago Digital Accessibility & Inclusive Design | ||
Accessibility and Inclusive Design with Derek Featherstone | DESIGN BY COMMITTEE | 팟캐스트 |
The Web Ahead Accessibility | The Web Ahead | 팟캐스트 |
What to include on the accessibility help page on your website | AbilityNet | |
Web Components and the AOM | JSConf | |
deque | deque system | 원하는 세미나 선택해서 개인정보 입력후 시청가능 |
a11y 관련 출판물( E-Book 포함)
KO
Name | Author | Info |
---|---|---|
모두를 위한 디자인 | Yamoo | 🌱 |
장애인차별금지법 대응을 위한 웹 접근성과 품질인증 | 류영일, 하성필, 김혜일, 성영한 | 🌱 |
EN
Name | Author | Info |
---|---|---|
Understanding Web Accessibility | Shawn Henry | |
Just Ask : Integrating Accessibility Throughout Design | Shawn Henry | |
Web Accessibility for Developers | Digital Education Strategies, The Chang School | |
Professional Web Accessibility Auditing Made Easy | Digital Education Strategies, The Chang School | |
THE ABILITY HACKS | Greg Shaw | |
AccessAbility: A practical Handbook on Accessible Graphic Design | Ontario | |
Towards an Accessible Future: Ontario Innovators in Accessibility and Universal Design | Ontario | |
Inclusive Components | Heydon Pickering |
a11y 관련 글 위주 블로그
KO
Name | Operator | Info |
---|---|---|
NULI | ||
한국웹접근성평가센터 |
EN
Name | Operator | Info |
---|---|---|
Tink | LÉONIE WATSON | |
A11yproject | ||
WebAIM | Center for Persons with Disabilities Utah State University | |
Accessible Web Design | JOSEPH DOLSON | |
Digital A11Y | ||
Levelaccess | ||
UiAccess | Shawn Lawton Henry | |
Uxcatlady | UX Cat Lady | 페이지 하단 RESOURCE LIST 참고 |
Fishyux | Rachele DiTullio | |
A11y with Lindsey | Lindsey | |
Adrian Roselli | Adrian Roselli | |
Manuel Matuzovic | Manuel Matuzovic | |
IAAP | ||
deque | ||
usablenet | ||
Microsoft Inclusive Design | ||
UXMYTHS | ||
e-Accessibility Policy Toolkit for Persons with Disabilities | ||
HELPFUL DOCUMENT ACCESSIBILITY RESOURCES | ||
hiddedevries.nl | ||
Accessibility Developer Guide | ||
A List Apart |
a11y 관련 글
KO
Name | Author | Info |
---|---|---|
개발자를 위한 접근성 이야기 | Google 한국 블로그 |
EN
Name | Author | Info |
---|---|---|
A simple introduction to web accessibility | Netmag | |
Getting started with Website Accessibility | Carie Fisher | |
Scaling Accessibility through LinkedIn Engineering's A11y Champions Program | Jennison Asuncion | |
Using AI to empower people with disabilities | Brad Smith | |
Reflections on LinkedIn’s Accessibility Journey in 2018 | Jennison Asuncion | |
Making accessibility easy to learn, use, build and master | Jenny Lay-Flurrie | |
How accessibility trees inform assistive tech | Hidde de Vries | |
Accessibility APIs: A Key To Web Accessibility | Léonie Watson | |
Tables, CSS Display Properties, and ARIA | Adrian Roselli | |
Grid, content re-ordering and accessibility | Rachel Andrew | |
How a new wave of accessibility tech is bringing benefits to all | theguardian | |
5 code improvements you can apply today to make your website more accessible | René Stalder |
번역
Name | Author | Info |
---|---|---|
웹접근성을 고려한 HTML 작성하기 | Manuel Matuzovic | |
웹접근성을 고려한 CSS 작성하기 | Manuel Matuzovic | |
접근성 교육에서 자주 나오는 상위 5가지 질문 | Carie Fisher |
기업에서 제공하는 a11y 가이드라인
KO
Name | Info |
---|---|
NHN WCAG 1.0 | |
Daum 코딩 컨벤션 | |
레진 코믹스 | |
롯데마트 |
EN
Name | Info |
---|---|
Ebay | |
Google Chrome | |
The Chromium Projects | |
Microsoft | |
APPLE |
a11y 평가도구
KO
Name | Info |
---|---|
웹 접근성 평가도구 소개 |
chrome 확장 프로그램
Name | Info |
---|---|
headingsMap | 아웃라인 확인 |
HTML5 Outliner | 아웃라인 확인 |
tota11y | 전반적인 접근성 준수여부 확인 가능 |
Accessibility Insights for Web | 전반적인 접근성 준수여부 확인 가능 |
a11y 관련 이슈 공유해주는 뉴스레터
EN
Name | Info |
---|---|
A11yWeekly | |
AbilityNet | |
WebAIM | |
IAAP |
a11y 관련 트위터 계정
EN
Name | Info |
---|---|
@mmatuzo | |
@w3c_wai | |
@rob_dodson | |
@fbaccess | |
@googleaccess | |
@MSFTEnable | |
@TwitterA11y | |
@alastc | |
@BOEmedia | |
@HugoGiraudel | |
@AaronGustafson | |
@heydonworks |
장애 관련 자료
Name | Info |
---|---|
WHO세계장애보고서 영문 | |
WHO세계장애보고서 국문 | |
한국장애인개발원 | |
비마이너 | |
2018 장애인통계연보 | |
WHO Assistive technology Fact Sheet |
Name | Info |
---|---|
HTML Validator | |
CSS Validator | |
a11y 관련 QnA | 한국웹접근성연구소 |