Перейти к содержимому
↑↓перемещение↵открытьescзакрыть
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Accessibility logo
Навык

Better Accessibility

Сделайте интерфейс доступным с клавиатуры и скринридера

0
СохранитьПерейти на сайт ↗

Установка

Условия запуска

When building accessible UI components or reviewing for keyboard and screen-reader support

Обзор

Инженерия доступности позволяет всем пользоваться программами — в том числе людям, которые работают только с клавиатурой, используют скринридеры или меняют масштаб и настройки анимации. Этот навык предлагает системный подход к созданию и проверке доступных компонентов.

Основные возможности

  • Сначала использовать семантические элементы HTML и добавлять собственные ARIA-атрибуты только при необходимости
  • Реализовать заметные индикаторы фокуса и клавиатурную навигацию во всех компонентах
  • Тестировать интерфейс с помощью реальной клавиатуры и программ для чтения с экрана
  • Устанавливать минимальную сенсорную область 44×44 пикселя и видимую область 24×24 пикселя
  • Поддерживать увеличение текста до 200% и учитывать настройку prefers-reduced-motion
  • Создавать живые области для озвучивания динамических изменений содержимого
  • Продуманно использовать альтернативный текст для изображений и функциональных значков
  • Проверять формы на наличие правильных подписей, сообщений об ошибках и своевременной валидации

Для кого

Для разработчиков, создающих или проверяющих интерфейсы сайтов и приложений. Используйте навык при реализации новых компонентов, обработке отчетов о проблемах доступности или подготовке к проверке соответствия требованиям. Он дополняет визуальный дизайн и библиотеки компонентов, помогая выявлять пробелы в доступности на раннем этапе.

Комментарии(0)

Войдите, чтобы комментировать

Комментариев пока нет — оставьте первый.

Похожие навыки

Пожаловаться на комментарий

Почему вы хотите отправить жалобу?