Как сделать доступным апплет на странице с помощью кнопки?

Question

На странице HTML у меня есть <button>.Нажав на него, javascript внедряет апплет в <div> в другом месте страницы.Повторное нажатие скрывает div.Больше щелчков переключает его.(Если это имеет значение, то это апплет GeoGebra .)

У меня есть несколько вопросов о том, как сделать такую ​​вещь доступной.Я надеюсь, что некоторые гуру доступности могут иметь ответы.

1. Моя кнопка имеет заголовок «Показать калькулятор», и при нажатии она переключается на «Скрыть калькулятор».Есть ли что-нибудь еще, связанное с атрибутами кнопки?
2. Правильно ли вводить апплет в <div> вместо, скажем, HTML <object>?
3. Когда кнопканажал, может ли фокус остаться на кнопке или он должен перейти к апплету?Если фокус остается на кнопке, нужно ли предоставить пользователю программы чтения с экрана простой способ перехода к апплету?И если да, то как таким образом общаться с пользователем?Должен ли я предоставить простой способ вернуть фокус с апплета на кнопку?
4. Для такого рода вещей должны ли быть атрибуты aria на <div>?Есть ли подходящая роль арии?И уместно ли в этой ситуации использовать область живого арии, объявляющую показ / скрытие div?

Answer 1

Для обеспечения наилучшего доступа, вы должны следовать шаблону раскрытия информации .

Чтобы ответить на ваши конкретные вопросы.

1. Шаблон раскрытия говорит оАтрибуты ARIA, которые должны быть установлены на вашей кнопке.
2. Извините, это не связано с доступностью, поэтому я не могу ответить на нее.
3. В общем, вам не следует перемещать фокус после выбора кнопки,В противном случае это может привести к нарушению WCAG 3.2.2 На входе , «если пользователь не был проинформирован о поведении перед использованием компонента» .
   
   .что позволяет пользователю узнать, как добраться до апплета, если вы будете следовать шаблону виджета раскрытия, они услышат «развернутый» или «свернутый», когда вы измените значение aria-expanded, чтобы пользователь знал, что что-то следует.Ваш апплет сразу следует за кнопкой в ​​DOM?Это было бы лучшим решением.Если между кнопкой и новым внедренным апплетом есть элементы, это может сбить с толку.
4. aria-live может быть очень удобно, но в этом случае в этом нет необходимости, если следует # 3.