Я управляю большим количеством рекламы на сайте. Я хочу сделать рекламу доступной, и я исследовал это, но в настоящее время мало информации о том, как сделать рекламу доступной. В то время как я рассматриваю это далее, я хотел бы сделать их по крайней мере невидимыми для программ чтения с экрана, чтобы они пропускались и игнорировались.
Объявления обычно в следующем формате:
<div class="ad">
<iframe>
<html><body><div>Various more child divs here</div></body></html>
</iframe>
</div>
Уместно ли использовать aria-hidden="true" в родительском div? Я читал, что это применимо ко всем дочерним элементам div, что замечательно, но также и то, что предназначено для элементов, которые никто не видит , а не только для тех, кто использует программы чтения с экрана. Но реклама видна - я просто не хочу, чтобы программы для чтения с экрана беспокоились об этом.
В идеале я также хотел бы сделать так, чтобы весь рекламный элемент не был частью порядка табуляции и мог быть пропущен, но tab-index = "- 1" не применяется к дочерним элементам div, как aria-hidden="true" и как таковой, я должен был бы применить это ко всем дочерним элементам, что сложно. Я не уверен, есть ли способ обойти это.
Итак, это сводится к трем вопросам:
- Могу ли я использовать aria-hidden = true в родительском div?
- Есть ли способ использовать tab-index = -1, чтобы убедиться, что весь элемент объявления пропускается при добавлении табуляции?
- Есть что-нибудь еще, что я должен рассмотреть?