Fatal编程技术网
  • html/
  • Html 使广告易于访问，并且不使用'；不显示给屏幕阅读器

Html 使广告易于访问，并且不使用'；不显示给屏幕阅读器

html iframe

Html 使广告易于访问，并且不使用'；不显示给屏幕阅读器,html,iframe,accessibility,ads,wai-aria,Html,Iframe,Accessibility,Ads,Wai Aria,我在一个网站上管理很多广告。我想让广告变得可访问，我一直在研究这一点，但目前几乎没有关于如何让广告可访问的信息。当我进一步研究这一点时，我想让它们至少对屏幕阅读器是不可见的，这样它们就被忽略了 广告通常采用以下格式： <div class="ad"> <iframe> <html><body><div>Various more child divs here</div></body></html> &

我在一个网站上管理很多广告。我想让广告变得可访问，我一直在研究这一点，但目前几乎没有关于如何让广告可访问的信息。当我进一步研究这一点时，我想让它们至少对屏幕阅读器是不可见的，这样它们就被忽略了

广告通常采用以下格式：

<div class="ad">
<iframe>
<html><body><div>Various more child divs here</div></body></html>
</iframe>
</div>


这里还有很多儿童节目
在父div上使用
aria hidden=“true”
是否合适？我读到的这本书适用于所有的儿童版，这很好，但也不仅仅是那些使用屏幕阅读器的儿童版。但是广告是可见的——我只是不想让屏幕阅读器为它烦恼

理想情况下，我也希望这样做，使整个广告元素不是选项卡顺序的一部分，可以跳过，但选项卡索引=“-1”不适用于子div，如
aria hidden=“true”
所做的，因此我需要将其应用于所有子div，这很困难。我不确定是否有办法解决这个问题

这归结为三个问题：

  • 我可以在父div上使用aria hidden=true吗
  • 有没有一种方法可以使用tab index=-1来确保在使用tab时跳过整个ad元素
    • 我还有什么要考虑的吗？
  • 是的，
    aria hidden=true
    将阻止屏幕阅读器阅读该内容
  • 您可以应用我在中指出的相同方法来禁用键盘交互（这对于jQuery UI非常简单）
  • 无障碍性涉及到很多人，而盲人使用屏幕阅读器只是其中的一小部分。因此，通过将添加内容从屏幕阅读器或键盘导航中删除，您的添加内容将无法神奇地访问。
    • 如果你在你的网站上投放广告，那么你认为人们会想要点击或导航到它们。如果你将你的广告从
    tabindex
    中删除，用键盘导航的人怎么能点击你的广告呢？如果你从你的可访问性树中删除你的广告内容，那么视力低下的人将如何使用屏幕阅读器阅读你的广告内容？正是出于这个原因，应该使用
    aria hidden
    来匹配元素的可见状态

    视力低下或使用键盘导航的人比完全失明的人使用屏幕阅读器的人多得多。

    这些都是好的方面——不仅仅是盲人使用屏幕阅读器，因此这两个选项（aria hidden=true和tab index=-1）中的任何一个都不适合用于此目的。因此，你会建议我做些什么来让广告变得容易访问？值得注意的是，我无法控制广告本身——它们是动态发送的——因此我不知道广告的内容是什么。@CodeBiker要让第三方内容可访问是相当困难的，因为它需要检查文本替代内容。删除它们是你能做的最好的事情，从将它们删除到屏幕阅读器开始。