UX в A11Y или как я всю жизнь неправильно верстал

Frontend

Я думал, что разбираюсь в доступности для незрячих: моя команда ставила заголовки, подписывала кнопки и вешала семантику. А потом пришёл незрячий тестировщик и указал на ошибки, на которые никогда бы не обратили внимание:

  • заголовки мешали на смартфоне;
  • тег <button> делал кнопку недоступной;
  • доступный блок прятал самое важное;
  • текст не читался полностью;
  • семантичные теги <em> и <strong> не влияли на интонацию скринридера.

Что будем делать:

  • Вспомним основы доступности;
  • Разберём описанные выше и другие особенности в UX;
  • Изучим решения, проверенные в продакшене.

Будет полезно тем, кто:

  • Разрабатывает интерфейс веб- и мобильных приложений;
  • Интересуется цифровой доступностью;
  • Хочет сделать свой продукт лучше.

Оценить доклад

Уровень сложности

Уверенный.

Записи выступлений доступны платным участникам CodeTalks
В свободном доступе появятся через пол года

Залогиниться

Презентация

Презентация (на Я.Диске)

Фронтенд-разработчик на React. Последние три года работал в Яндекс Маркете: над продуктом, инфраструктурой и в команде скорости. Любит делать полезные продукты, которыми удобно пользоваться. Думает о доступности.

Еще на тему Frontend