隐藏辅助技术中的文字

Question

我试图了解如何实现这一目标，以便让最终残疾人更清楚。

我尝试做的是隐藏默认提供的部分文本，并将其替换为残障用户的其他文本。

例如：

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

如您所见，第一部分（#one）无法访问。我想隐藏第二个（#two）来自默认用户，第一个（#one）来自残障用户。

第一部分 - 隐藏默认用户 - 我知道如何实现，但第二部分没有。我读到了aria-hidden="true"，但在跨平台及其自身含义方面确实不太确定。

Answer 1

  

显而易见的是，阅读带有大写字母的文本对于残障用户来说并不是最佳体验。我想针对特定的敏感咏叹调，让那些使用辅助技术阅读它的残疾人更舒服

有更多的人患有阅读障碍（十分之一的人）而不是盲人。 使用大写字母会比失明的人更多地影响患有阅读障碍的人。并且没有检测诵读困难症患者的算法。

没有aria-dyslexic属性。遗憾。

如果您的问题仅涉及屏幕阅读器用户：

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

这使用bootstrap sr-only css类

Answer 2

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