Улучшал ли доступность сайта

«Улучшал ли доступность сайта» — вопрос из категории Доступность, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Да, я работал над доступностью (a11y) сайтов, следуя стандартам WCAG. Основные практики:

  • Семантическая верстка: использование <nav>, <main>, <button> вместо <div> для правильной работы скринридеров.
  • ARIA-атрибуты: aria-label, aria-hidden, role для сложных компонентов (например, кастомные dropdowns).
  • Контраст и цвет: проверка цветов через инструменты (например, Lighthouse).
  • Клавиатурная навигация: фокус-менеджмент (tabindex, :focus-visible).

Пример:

<button aria-label="Закрыть модальное окно" class="close-modal">×</button>

Использовал axe-core и Lighthouse для аудита.