Все статьи

Клавиатура

Разбираемся с критерием WCAG про доступность интерфейса для клавиатуры.

  • WCAG
  • Клавиатура
  • HTML

Внешний вид фокуса

Как должны выглядеть элементы при фокусе с клавиатуры по мнению WCAG 2.2.

  • WCAG
  • Дизайн
  • CSS
  • Клавиатура

Информация и взаимосвязи

Почему важно подкреплять визуальное представление элементов правильной разметкой.

  • WCAG
  • HTML
  • CSS
  • ARIA

Название страницы

Почему у страниц должны быть названия и как их правильно написать.

  • WCAG
  • HTML
  • Тексты

Видимый фокус

Разбираемся с критерием о видимом клавиатурном фокусе у интерактивных элементов.

  • WCAG
  • Дизайн
  • CSS
  • Клавиатура

Нетекстовое содержимое

Что такое нетекстовое содержимое и текстовые альтернативы.

  • WCAG
  • HTML
  • ARIA
  • Анимация
  • Графика
  • Мультимедиа

Сенсорные характеристики

Что такое сенсорные характеристики в инструкциях и как избежать этот барьер.

  • WCAG
  • Тексты
  • Дизайн

Размер цели

Что такое размер цели, и как не создать такой барьер для пользователей вашего сайта.

  • WCAG
  • UX
  • CSS

role с несколькими значениями

Разберёмся с несколькими значениями у атрибута для роли. В каких случаях это пригодится, и какие отношения с двумя ролями у браузеров и скринридеров.

  • ARIA

CSS-медиафичи для улучшения доступности

Какие пользовательские настройки бывают и как их учитывать в веб-интерфейсах. Узнаете про медиафичи, которые отслеживают настройки анимации, контрастности, прозрачности, инверсию, цветовую схему и режим принудительных цветов.

  • CSS
  • Юзабилити
  • Стратегии

Разбираемся со skip link

Как пропустить большую навигацию с помощью skip link, кому нужны такие ссылки и как их добавить на свой сайт.

  • Паттерны
  • HTML
  • CSS

Как не навредить пользователям с эпилепсией и вестибулярными нарушениями

Что, если пользователя укачивает из-за сайта? А вдруг у него случится эпилептический приступ? Давайте разберёмся с тем, какими должны быть интерфейсы для пользователей с эпилепсией и вестибулярными нарушениями.