Улучшите доступность плагина spoiler-alert

Плагин spoiler-alert очень крутой, но, к сожалению, он, похоже, не поддерживается с клавиатуры, так как нет способа вызвать событие клика, которое он использует, с помощью клавиатуры. Это, по-видимому, базовый паттерн раскрытия, поэтому я рекомендую использовать кнопку для переключения размытия. Это также позволит скрывать размытый контент от вспомогательных технологий.

Состояние по умолчанию (размыто): кнопка переключения установлена в aria-expanded="false". Размытый контент установлен в aria-hidden="true".

Состояние видимости: кнопка переключения установлена в aria-expanded="true". Контент установлен в aria-hidden="false" или атрибут aria-hidden полностью удалён.

Кнопка также должна иметь атрибут aria-controls, указывающий на id элемента, который размыт. Доступное имя для кнопки может быть, например, «Показать скрытый контент» (желательно используя визуально скрытый текст).

4 лайка

Круто, спасибо за информацию! :slight_smile: Мы всегда стремимся улучшить доступность. Дайте мне время, чтобы посмотреть на это, и я опубликую обновление здесь, когда проблема будет решена.

1 лайк

Начиная с этого коммита, плагин был обновлён и включает в себя эти функции доступности.

2 лайка

Эта тема была автоматически закрыта через 11 часов. Новые ответы больше не принимаются.