Почему заголовки и абзацы рассматриваются как кликабельные элементы (HTML) ⇐ Html

[Anonymous]

Я пытаюсь сделать свой веб -приложение (созданное с помощью Python Dash) более доступным, например, Для пользователей полагаются на считыватели экрана. Чтобы проверить свой веб -приложение, я использую инспектор доступности, встроенный в Firefox. Здесь я сталкиваюсь с проблемами, касающимися фокусировки и интерактивности элементов, которые должны показывать текст (например, заголовки и абзацы). < /P>
Сначала я создал свои элементы, как это: < /p>

Код: Выделить всё

    html.H1(
children="this is my header"
)

html.P(
children="this is text"
)`

В этих случаях инспектор доступности дает следующее предупреждение:
Кликабельные элементы должны быть фокусируются и должны иметь интерактивную семантику < /p>
Чтобы решить это, я добавил «tabindex» в свои элементы: < /p>
html.H1(
children="this is my header",
tabIndex='0'
)

html.P(
children="this is text",
tabIndex='0'
)
< /code>
Это исключило одну часть предупреждения. Теперь я получил это предупреждение:
Focusable Elements должны иметь интерактивную семантику < /strong> < /p>
Из того, что я получил на доступности до сих пор, это плохая практика - не интерактивно Элементы, такие как заголовки, «табиндекс». Так что мой второй подход, вероятно, уже идет в неправильном направлении. И почему заголовки и абзацы считаются кликабельными элементами? Они не содержат ссылки или чего -то еще. :
Screenshot html < /p>
solution < /strong>: я задал свой вопрос на форуме сообщества Plotly (https://community.plotly.com/t/how-to-r ... ders/70477). Они указали мне на библиотеку компонентов Dash Mantine (https://www.dash-mantine-components.com/), который включает в себя DMC.Title и DMC.Text, которые можно использовать вместо html.h1-h6 и html.p Полем Это решает мою проблему.

Подробнее здесь: https://stackoverflow.com/questions/746 ... ments-html