Welcome to the Accessibility Resources repository! This collection is curated by speakers and community members from Tbilisi JS as part of our preparations for Tbilisi A11y & UX Day. Here, you’ll find essential materials to deepen your knowledge of web accessibility, create more inclusive digital experiences, and ensure your applications meet the needs of diverse users.
- Guidelines & Standards: Key documents like WCAG, WAI-ARIA specifications, and Section 508 compliance to ensure you're building to accessibility standards.
- Tools & Plugins: Accessibility testing tools, plugins, and browser extensions to assist with auditing and improving accessibility on the go.
- Articles & Blogs: Insightful articles from leaders in the accessibility field.
- Podcasts & Talks: Inspiring talks and interviews with accessibility experts.
- Case Studies & Examples: Real-world implementations of accessible design and development practices.
Contributions Welcome!
This is a community-driven project, and we welcome your contributions to keep the repository up-to-date and diverse. Feel free to submit resources, tutorials, or tools that have supported your accessibility journey!
- Guidelines & Standards
- Articles & Blogs
- Podcasts
- Books
- Video
- Online courses
- Tools
- Telegram channels and chats
WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) is a technical specification that defines how to increase the accessibility of web content and applications, especially those developed using advanced user interface controls and dynamic content. It provides attributes and roles that can be added to HTML elements to make them more accessible to people with disabilities, ensuring that assistive technologies, such as screen readers, can interpret and interact with complex web elements effectively.
WCAG (Web Content Accessibility Guidelines) is a set of guidelines developed by the W3C to ensure that web content is accessible to people with various disabilities. It outlines comprehensive principles and success criteria to help developers create content that is perceivable, operable, understandable, and robust for all users. Unlike WAI-ARIA, which provides specific attributes to enhance web element interaction and accessibility, WCAG is broader and serves as a standard framework for making entire web content accessible, including structure, design, and functionality.
Section 508 is a U.S. federal law that requires government agencies to make their electronic and information technology accessible to people with disabilities. It is part of the Rehabilitation Act and mandates that all federal websites and digital tools meet accessibility standards. Unlike WAI-ARIA, which provides technical specifications for developers to enhance specific web elements, and WCAG, which offers comprehensive guidelines for overall web content accessibility, Section 508 is a legal requirement that enforces compliance, aligning with key aspects of WCAG to ensure accessibility in practice.
- Adrian Roselli
- Scott O'Hara
- Sarah Higley
- Léonie Watson
- TetraLogical Company Blog
- Steve Faulkner
- Hidde de Vries
- Таня Фокина — Статьи про цифровую доступность
- WebAIM — ресурс, посвященный доступности веб-контента, с множеством статей и руководств.
- A List Apart: Accessibility — журнал о веб-дизайне, который часто публикует статьи на тему доступности.
- Подборка ссылок для знакомства с доступной разработкой
- Дока — Accessibility
- Веб-стандарты — a11y
- Smashing Magazine — Accessibility
- Weblind — рекомендации по разработке сайтов для людей с нарушениями зрения.
- Weblind on Github
- Addressing Accessibility Concerns With Using Fluid Type — Smashing Magazine article about CSS clamp() function
- A Complete Guide To Accessible Front-End Components — Vitaly Friedman
- «Inclusive Pineapple» (Инклюзивный ананас) — это подкаст, в котором Глаша Жур и Таня Фокина обсуждают цифровую доступность.
- «Веб-стандарты» — новости фронтенда в еженедельном подкасте сообщества веб-разработчиков.
- «Веб-стандарты», выпуск 137 с Лерой Курмак — Chrome 69 и Firefox 62, JS на медленных сетях, ссылки в ссылках и доступность.
- «A11ycasts with Rob Dodson» — это отличное интро в доступность с нуля.
- «A11y Rules» — подкаст, посвященный вопросам доступности в веб-дизайне.
- «The Accessibility Podcast» — различные аспекты доступности и инклюзии.
- «Don't Make Me Think» — Стив Круг. Хотя книга в первую очередь о веб-юзабилити, она затрагивает важные аспекты доступности.
- «A Web for Everyone» — Sarah Horton и Whitney Quesenbery. Эта книга предлагает практические советы по созданию доступных веб-сайтов.
- «Designing with the Mind in Mind» — Jeff Johnson. Книга о когнитивной психологии и её применении в дизайне, включая доступность.
- «Дизайн для реального мира» — Виктор Папанек. Эта книга — важное произведение в области дизайна, которое поднимает вопросы социальной ответственности дизайнеров и их роли в создании продуктов, которые действительно служат людям и обществу.
- A Book Apart — Accessibility — brief books for people who design, write, and code.
- «The A11Y Project: Resources» — содержит множество интересных материалов о доступности на неочевидные темы.
- Фильм «Objectified», 2009 года
- Фильм «Helvetica», 2007 года
- «Я 💛 Фронтенд. А ваш сайт доступен с клавиатуры?» - Глафира Жур
- «Людоедский интерфейс» — Вадим Макеев
- «Жми сюда!» — Вадим Макеев, презентация
- Семантика для циников, Вадим Макеев, презентация
- Pitera11y_meetup — петербургский митап о веб-доступности. Мы обмениваемся опытом и делаем интернет удобнее для всех.
- Tbilisi A11y & UX Day
- Accessibility Unity — школа цифровой доступности, где можно систематизировать знания о том, как делать сайты и приложения доступными для незрячих и других людей с инвалидностью.
- ESDC Self-Paced Web Accessibility Course — курс от канадского правительства, в нём сухо и конкретно рассказано как надо, по сути это набор best practices.
- Web Accessibility by Google course
- Accessibility for Web Design
- UX Foundation: Accessibility
- Google Fonts
- An accessible fluid type generator
- Syncope is a WYSIWYG tool that helps web designers and developers chose the optimal vertical rhythm of the typography for their web pages.
- Colour contrast checker
- Huetone — the app helps you to create accessible color systems with predictable contrast ratios.
- Randoma11y — accessible color combinations.
- axe DevTools — the ultimate digital accessibility testing toolkit
- Chrome Lighthouse
- Include — Accessibility Annotations — contrast checker, color deficiencies simulator, text resizing–guidance, responsive reflow–guidance.
- A11y Annotation Kit — check reflow and zoom.
- Stark - Contrast & Accessibility Checker — typography analysis, vision simulator.
- Accessibility Club Minsk Chat
- Accessibility — папка с каналами и материалами по цифровой доступности и инклюзии.
- A11y_person — блоги людей с инвалидностью или без про доступность, инклюзию или свою жизнь.
- A11y_org — прочие организации в сфере инклюзии и доступности, проводящие мероприятия для людей с инвалидностью.