2017-04-04 79 views
0

我在尝试了解如何实现这一目标,以便让残疾人士更清楚地了解这一点。从辅助技术中隐藏文字

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

例如:

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

正如你看到的,第一部分(#one)无法访问。我想隐藏来自默认用户的第二个(#two)和来自残障用户的第一个(#one)。

第一部分 - 隐藏默认用户 - 我知道如何实现,但第二部分没有。我阅读了关于aria-hidden="true"的文章,但对跨平台及其自身的含义并不确定。

+1

ARIA仅支持屏幕阅读器,并非所有屏幕阅读器都是盲人。当你说你想隐藏“残障用户”中的一段文字时,这将有助于获得更多的上下文。然后我很乐意提供一些帮助。 – aardrian

+1

相关:http://stackoverflow.com/questions/43150685/aria-labelledby-not-working-with-nvda-firefox/43151062#43151062 – aardrian

+0

谢谢,阿贾尔里安,但你只是指向我,我已经知道的东西 - 隐藏文本视觉上,但不是来自屏幕阅读器。我不知道的是如何隐藏屏幕阅读器,但是可以直观地看到这些文字。我可以提供什么样的背景我可以提供?很明显,阅读所有大写字母的文字对残疾用户来说并不是最好的体验。我希望针对特定的敏感咏叹调,让使用辅助技术的残疾人阅读时更加舒适 – sorvz

回答

1

显而易见,阅读所有大写字母的文字对残障用户而言并不是最好的体验。我想针对特定的这种敏感咏叹调,让使用辅助技术的残疾人读得更舒适

还有更多的人患有阅读困难(10人中有1人)比盲人。 使用大写字母会影响诵读困难的人比盲人更多。而且没有检测阅读障碍人群的算法。

没有aria-dyslexic属性。抱歉。


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

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

这将使用引导sr-only CSS类

+0

非常感谢,亚当!现在我更加意识到这一点......我知道关于阅读障碍,但只有一般形式。从不认为大写字母可能会影响他们......你怎么知道这一切? :) – sorvz

0

我真的不明白你为什么会想这样做,让自己更多的工作保持备用内容。创建一个符合WCAG的可访问内容版本。尝试向某些辅助技术的用户展示不同的内容时,假设他们确切知道他们如何最好地浏览您的网站以及他们的残疾详情。实质上,像这样的解决方案是将访问者分成不同的组,但这些组之间的界限是灰色的,而不是黑色和白色。再次,只需按照WCAG提供一组内容即可。

相关问题