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

Question

Я пытаюсь сделать свое веб-приложение ADA-совместимым, и я все еще изучаю основы этого. Если бы у меня была анкета на странице с вопросом, заданным пользователю, как слепые пользователи могли бы увидеть представленный вопрос или информацию?

Например, предположим, у меня есть вопрос "Ты сегодня счастлив" и флажок или выпадающее меню для "да" или "нет". Вкладка должна привести вас к этим элементам, и программы чтения с экрана поймали бы, что есть флажки или выпадающее меню, но они никогда не дойдут до "Довольны ли вы сегодня", означая, что они никогда не поймут контекст каждого вопроса.

Это выходит за рамки сценария вопросов и ответов. Как слепые пользователи смогут получить доступ к заявлениям об отказе от ответственности или информации в моем веб-приложении, если вкладки к ним не дойдут?

Это решение для использования tabindex="0" За все?

Answer 1

Вы бы поставили свой вопрос в fieldset"s legend для переключателей / флажков групп.

<fieldset>
    <legend>Are you happy today?</legend>
    <input type="radio" name="happy" value="yes" id="happy-yes">
    <label for="happy-yes">Yes</label>
    <input type="radio" name="happy" value="no" id="happy-no">
    <label for="happy-no">No</label>
</fieldset>

Вот статья, описывающая fieldset с legend техника: https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/

Для выпадающего списка вам просто нужно использовать label элемент.

<label for="happy">Are you happy today?</label>
<select name="happy" id="happy">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>

(Вы должны всегда использовать элементы метки для всех полей формы)

tabindex редко требуется вообще при создании доступных веб-сайтов. Если HTML имеет разумную структуру, вам никогда не понадобится tabindex в любом месте.