Правильные атрибуты ARIA для игры

Question

Как мне использовать ARIA, чтобы пометить веб-страницу, если это в основном игра, в которую обычно играют мышью и не имеет смысла играть без визуального представления?

Если нет конкретной ARIA, позвольте мне перефразировать: как я могу объявить, что веб-страница, к сожалению, не будет использоваться для незрячих пользователей?

По сути, у меня есть тег <noscript>, объясняющий, что в игре необходим JavaScript. Как объяснить пользователям, использующим только программы чтения с экрана, аналогичное утверждение о зрении?

---

Контекст: это типичная игра три в ряд . Я могу (и буду) добавлять доступ к клавиатуре с точки зрения навигации по доске с помощью клавиш со стрелками и переключения элементов с помощью Ввод и выбора направления, но это все еще бесполезно для незрячих пользователей.

Если я пытаюсь зачитывать доску на каждом ходу, я не думаю, что она будет кому-нибудь полезна: «первый ряд: синий, красный, зеленый, белый, синий, зеленый, белый, фиолетовый; второй ряд:. .. ".

Answer 1

Доступность

Программное обеспечение

Доступность программного обеспечения создает продукт, которым легко пользоваться для всех.
Пример из игр: есть возможность использовать клавишу TAB для перемещения по меню.
Или открыв меню с помощью кнопки пользовательского интерфейса и клавиши ESC .
Горячие клавиши во всех программах - это еще один способ повысить доступность.

Этикетки и программы чтения с экрана Aria

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

Answer 2

Куда идет начальный фокус клавиатуры при загрузке игры? Вы можете добавить aria-label к элементу, который получает фокус. Возможно, вам также придется добавить role к элементу, в зависимости от того, что это такое (например, <span> или <div>), и вам, возможно, придется добавить tabindex="-1" для него в работа в интернете. Существует множество комбинаций, которые сложно дать конкретный совет.