从辅助技术中隐藏文本

Hide text from assistive technology

我正在尝试了解如何实现这一点,以便让残障最终用户更加清楚。

我想做的是隐藏一些默认提供的部分文本,并用另一段为残障人士提供的文本替换。

例如:

<span id="one">ACCESSIBILITY CHECK</span>
<span id="two">Accessibility check</span>

如您所见,第一部分 (#one) 不可访问。我想对默认用户隐藏第二个(#two),对残障用户隐藏第一个(#one)。

第一部分 - 对默认用户隐藏 - 我知道如何实现,但第二部分不知道。我阅读了 aria-hidden="true",但就跨平台及其本身的意义而言,我真的不确定它。

It should be obvious that reading text with all capital letters isn't best experience for a user with disabilities. I want to target specific this sensitive aria and make it much more comfortable for disabled people who use assistive tech to read it

患有阅读障碍的人(每 10 人中就有 1 人)比盲人还多。 与盲人相比,使用大写字母对阅读障碍者的影响更大。并且没有检测阅读障碍者的算法。

没有 aria-dyslexic 属性。对不起。


如果您的问题只涉及屏幕阅读器用户:

<div aria-hidden="true">Not visible on a screenreader</div>
<div class="sr-only">Not visible on a screen</div>

这里使用bootstrapsr-onlycssclass

我真的不明白你为什么要这样做并为自己做更多的工作来维护备用内容。为您的内容创建一个符合 WCAG 的无障碍版本。尝试向使用某些辅助技术的用户显示不同内容的前提是他们确切地知道他们将如何最好地浏览您的网站以及他们的残疾细节。从本质上讲,这样的解决方案是将您的访问者分成不同的组,但这些组之间的界限是灰色的,而不是黑白的。同样,只需关注 WCAG 的一组内容即可。