July 18, 2022

Доступные веб-интерфейсы

Что такое доступность и зачем она нужна?

Прежде всего, это это обеспечение возможности использования сайтов как можно большим числом людей, включая тех, чьи способности как-либо ограничены.

Когда мы говорим про доступный интерфейс – важно упоминать не только про помощь и эмпатию, но и про помощь всем пользователям.

На какой набор факторов обратить внимание при внедрении доступности в сервис / продукт?

- Семантичная вёрстка;

- Доступность элементов с клавиатуры;

- Подписи и aria-лейблы;

- Правильный атрибут lang.

Но, как бы радостно не было – это ещё не всё. Важно упомянуть и про библиотеки компонентов:

- Angular Material, Material UI, Chakra UI;

- angular-eslint, eslint-plugin-jsx-a11y.

На какие процессы можно обратить внимание тимлиду?

- Формулирование требований к доступности в сервисе;

- Мотивация команды на обучение;

- Адаптация процессов внедрения.

Хотите научиться? 

Как и обещали, делимся полезными ресурсами для изучения темы от нашей команды:

📌Web Content Accessibility Guidelines (WCAG)

📌A11ycast with Rob Dodson

📌Веблайнд 

📌Курс по цифровой доступности 

📌Гайд по цифровой доступности

📌Список платных и бесплатных курсов

📌Расшифровка доклада Лены Райан о версиях для слабовидящих