Firefox: сфокусировать элемент внутри ссылки с помощью клавиши табуляции

Question

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

<a href="#">
    <button tabindex="0">Do something</button>
</a>

Используя свойство Firefox accessibility.tabfocus = 7 , я могу сфокусировать только ссылку для переноса, но не дочернюю кнопку. Есть ли способ изменить это поведение?

Answer 1

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

<a> спецификация гласит:

Модель содержимого: Прозрачный, но должно быть Нет интерактивного контента или элемент потомков.

Поскольку код недействителен в формате HTML, произойдет сбой WCAG 4.1.1 .

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