State Of A11y

Lena Ryan

State Of A11y

Lena Ryan

  • Делаю фронт в
  • Борец за вёрстку кнопок кнопками
  • Член программного комитета Podlodka Frontend Crew и Codefest
  • Официальный амбассадор Евгения Кота
  • Мама, я скейтер
Lena Ryan
results

План

План

  • Что такое "доступность"?

Что такое доступность

Доступность контента — это специальные технические и архитектурные решения, которые помогают людям с ограниченными возможностями использовать сайты. [...] Термин «доступность контента» также может обозначаться аббревиатурой "a11y"

Из документации ReactJS
Документация React JS по доступности
results

Зачем?

Закон в России

Закон в других странах

law in other countries International Web Accessibility Laws And Policies

Аудитория

Статистика
results

Обучение

results

Спецификации и статьи

Стримы и видео

Курсы

Сообщества

Рассылки

Дизайн

Проверка контрастности

Проверка на цветовую слепоту

color blind filter Colorblind Web Page Filter

Читабельные шрифты

  • Open-Dyslexic
  • Arial
  • Comic Sans
  • Verdana
  • Tahoma
  • Century Gothic
  • Trebuchet
The Top 10 Dyslexia Friendly Styles

Разработка

results

Версии для слабовидящих не нужны

Программа минимум:

  • Семантическая вёрстка
  • ARIA-атрибуты

В новом ГОСТе нет упоминаний отдельных версий сайтов!

Тебе не нужна версия для слабовидящих (доклад)

Доступность в Ангуляр

angular material

Доступность в Реакте

Доступность во Вью

Слайды доклада Vue Plus A11y

Тестирование

results

Тестирование

Тестирование с DevTools

Скринридеры

Уже в проде

Что сделано на данный момент

Доступные видеоигры

The Last Of Us 2

10 Games With Fantastic Accessibility Features

Перспективы

Тренды и перспективы

Доступные контроллеры

ColorADD

doctor evil

Спасибо за внимание

Контакты

Lena Ryan