如何让屏幕阅读器阅读与其包含的文本不同的内容？
要让屏幕阅读器阅读与其包含的文本不同的内容，可以通过以下方法实现：
- 使用aria-label属性：在HTML元素中添加aria-label属性，该属性可以为元素提供一个不同于其可见文本的描述。屏幕阅读器将读取aria-label属性的内容而不是元素的可见文本。
- 使用aria-labelledby属性：在HTML元素中添加aria-labelledby属性，该属性的值是一个或多个其他元素的ID，这些元素包含了与元素不同的文本内容。屏幕阅读器将读取与这些ID相关联的元素的文本内容。
- 使用aria-describedby属性：在HTML元素中添加aria-describedby属性，该属性的值是一个或多个其他元素的ID，这些元素包含了与元素不同的文本内容。屏幕阅读器将读取与这些ID相关联的元素的文本内容。
- 使用隐藏文本：可以使用CSS将文本隐藏，但仍然使其对屏幕阅读器可用。例如，可以使用
display: none;或visibility: hidden;将文本隐藏起来，但仍然可以被屏幕阅读器读取。
需要注意的是，为了确保屏幕阅读器能够正确读取不同的内容，需要进行无障碍测试和优化。此外，推荐使用腾讯云的无障碍测试工具和服务，例如腾讯云Web无障碍测试工具（https://cloud.tencent.com/product/wat）来确保网站的可访问性和无障碍性。
相关·内容
2回答
如何让屏幕阅读器阅读与其包含的文本不同的内容？
html、accessibility、wai-aria、screen-readers
我有一些文本，是一个数字和一个颜色。例如，2(红色)或3(绿色)。对于盲人用户，我想将其表示为2R或3G，但其他人应该只看到2或3的颜色。我尝试了<span aria-label="2G">2</span>的等价物，但盲人用户报告他们只读到了2，没有得到G，所以他们很困惑，因为它只是一堆数字，他们必须猜测颜色。
浏览 10提问于2017-02-26得票数 0
1回答
我如何告诉屏幕阅读器说任意文本？
java、accessibility
我正在开发一个swing游戏，我想在按下键时显示一些信息，例如角色的健康状况。有没有一种方式，屏幕阅读器可以阅读这些信息，而不移动焦点，从而打断游戏？提前谢谢你。
浏览 5提问于2021-12-12得票数 -1
回答已采纳
1回答
UWP:创建辅助WebView
c#、webview、uwp、accessibility
我在我的应用中使用了一个包含文本的webview。这种方式很简单，因为已经有很多功能可用(放大、复制文本等)。唯一的问题是，它必须是可访问的屏幕阅读器，如jaws，讲述者，...我设法让屏幕阅读器通过使html可访问(使用我的内容的标签)来读取webview的内容，但是在内容
浏览 5提问于2016-12-14得票数 0
1回答
如何使屏幕阅读器可以访问自定义输入文本框？
javascript、html、accessibility、jquery-terminal
我有一个插件，我想让屏幕阅读器可以访问它。我应该怎么做才能使文本的输入方便？生成的html如下所示： <span class="prompt"><textarea autocapitalize="off" spellcheck="false&q
浏览 3提问于2017-04-19得票数 1
回答已采纳
1回答
工具提示屏幕阅读器将读取但文本的文本，以保持视觉上的隐藏
javascript、html、css、accessibility、mustache
我试图找到一种方法，屏幕阅读器将读取工具提示图标内的泡沫文本，而不必实际显示在浏览器中的文本。换句话说，在屏幕阅读器切换到工具提示图标并读取文本时，在气泡中显示它是可以的，但到目前为止，屏幕阅读器读取文本的唯一方法是，如果我硬编码DOM中的文本，如果这是有意义的话。style="display:non
浏览 1提问于2018-09-24得票数 0
回答已采纳
1回答
如何使HTML表格/网格可以使用表外控件进行访问
accessibility、wai-aria、screen-readers、uiaccessibility、web-accessibility
我遇到了让HTML表格/网格具有可访问性的问题，这为用户提供了选择一行并对所选行执行操作的可能性。下面的链接给出了一个示例，说明了所有内容的外观(没有可访问性)：https://alejandro.app.fi/crud-ui-demo/simple 我的问题是:如何使页面顶部的按钮可访问，这些按钮用于执行行上的操作如何让屏幕<em
浏览 29提问于2021-06-15得票数 0
2回答
HTML可访问性:让屏幕阅读器在显示隐藏文本时通知它
html、wai-aria、jaws-screen-reader
根据，我们可以使用aria-live属性告诉屏幕阅读器在HTML元素发生更改时读取该元素的文本内容。然而，在我的例子中，我不会更新任何文本，只是希望屏幕阅读器在某些条件下(即，通过使用<span>的.show()函数)变为可见时通知jQuery的内容。这是我的HTML &JS的简化：
<div class="t
浏览 23提问于2017-06-21得票数 3
回答已采纳
3回答
如何让屏幕阅读器停止阅读并阅读不同的内容
javascript、jquery、html、accessibility、screen-readers
它基本上覆盖了整个屏幕的可视区域，然后在覆盖图的顶部显示包含实际弹出窗口的DIV。这个项目的其中一个要求与可访问性有关。
当页面加载时，屏幕阅读器从页面顶部开始读取。当用户点击一个特定的链接时，我们会显示一个模式对话框。我的问题是:如何中断屏幕阅读器对站点主要部分的读取，并告诉它开始读取对话文本？我本以为将焦点设置在这上面会指示屏幕</e
浏览 62提问于2012-03-28得票数 23
回答已采纳
1回答
为屏幕阅读器分组内容的ARIA附加信息(图、div、撇开等)
html、accessibility、wai-aria、epub
我正试着让文本尽可能易读。我想知道是否有一种方法来标记与主文本视觉上不同的结构化元素。
被红色框(div-元素)包围的分组文本-the屏幕阅读器首先读取“红色方框”。图形元素-the屏幕阅读器中的一首诗首
浏览 7提问于2022-11-09得票数 0
1回答
在安卓应用程序中管理文本，就像在eBook中一样
java、android
我正在开发一个看起来像eBook阅读器的application，但它并不完全是一个eBook阅读器。我有一篇很长的文章，分为不同的章节。现在我想把文本作为一本书来呈现，用户应该会有一种阅读eBook的感觉，它将具有各种功能，如GoTo，搜索，目录，最重要的是页面之间的卷曲转换。
现在的问题是如何将整个内容划分为若干页。我如何知道
浏览 1提问于2011-06-20得票数 7
1回答
屏幕阅读器应阅读咏叹号，忽略带有for属性的标签。
html、forms、wai-aria、screen-readers
但现在，我希望有一个输入为屏幕阅读器获取与标签显示不同的文本： <label id="lbl_city" for="input_city">city" title="City / Town" placeholder="Enter your city or town" class="w100&q
浏览 0提问于2018-08-13得票数 2
回答已采纳
1回答
是否有可能强迫屏幕阅读器读取字段集的内部内容？
html、forms、accessibility、screen-readers、fieldset
当阅读页面时，Chromevox和Voice (我没有下巴或NVDA)似乎跳过了<fieldset>的内部元素。> <button>Submit</button></body>单击<main>元素时，会收到焦点，屏幕阅读器会说
浏览 2提问于2018-10-29得票数 2
1回答
Phaser HTML 5游戏框架中的Web辅助功能
web、accessibility、phaser-framework、web-accessibility
最近，我遇到了Phaser游戏框架的一个主要问题，这是关于Web可访问性的。在玩游戏时，屏幕阅读器无法阅读说明弹出窗口中显示的说明。场景:在玩游戏之前，用户应该在游戏开始前点击ok和accept同意规则，这对于屏幕阅读器来说是一场噩梦，无法提取文本并指示用户采取行动。正因为如此，用户才开始玩这款互动如此简单的游戏
浏览 12提问于2021-09-17得票数 0
2回答
如何在swift中改变VoiceOver的发音？
ios、swift、accessibility、voiceover
我正在尝试实现我的ios项目的可访问性。
当画外音打开时，有没有办法纠正某些特定单词的发音？例如，“speech”的正确发音是spiːtʃ，但我希望画外音在我的整个项目中将所有单词“speech”读成“speech”和“spi”spiːk一样。我知道有一种方法可以将我想要更改发音的任何UIElements的可访问性标签设置为“说”。但是，有些元素是动态的。例如，我们从后端获得标签文本，但我们永远不会知道标签文本何时会是“speech”
浏览 3提问于2021-02-17得票数 3
1回答
从下拉列表中选择值时，在画外音发音中选择的前缀
html、macos、accessibility、dropdown、voiceover
我在我的web应用程序中使用了change language下拉菜单，我正在处理web应用程序的辅助功能，当我在辅助功能上工作时，我发现当从下拉列表voiceover中选择特定选项时，只会发出所选选项的发音是否可以在voiceover /屏幕阅读器发音中为文本添加“selected”前缀？
浏览 0提问于2020-06-26得票数 0
3回答
对于iOS、Safari、VoiceOver，如何让VoiceOver读取自定义单选按钮？
ios、accessibility、voiceover、wai-aria
我有一个定制的单选按钮，有一个彩色和更大的圆圈按钮。我所能想到的不是使用显示，而是使用位置和左，以迫使原来的单选按钮圆圈关闭显示。有什么更优雅的吗？通常，对于屏幕阅读器，您不希望将元素移出可见的显示，因为有了屏幕阅读器，您仍然可以通过各种导航技术将焦点放在项目上。编辑:使用left:-1em的也不能工作，因为它会导致显示滚动到打开VoiceOver时屏幕上的项目。
浏览 1提问于2014-06-11得票数 3
1回答
Windows键盘辅助功能和辅助技术
.net、accessibility、jaws-screen-reader、assistive-technology
我是Windows技术的新手，我试图理解Windows辅助工具文档，以改进应用程序的界面。我不明白为一个简单的界面实现键盘导航的最佳实践。在本节中：微软解释说，只有需要用户交互才能发挥作用的项目才应该获得键盘焦点，如链接、按钮等。
如果TAB不关注文本元素，那么像屏幕阅
浏览 1提问于2013-03-27得票数 0
1回答
Bootstrap 4中是否有类似于reverse sr-only的功能？
css、html、twitter-bootstrap、bootstrap-4
我使用.sr-只是为了与Lynx等基于文本的浏览器兼容。例如，我在页眉上放了一个ASCII徽标，所以如果有人使用标准的GUI浏览器浏览网站，比如Firefox，它会显示正常的图形徽标。否则，它会显示ASCII文本徽标。
但在联系人页面上，有一个OpenStreetMap iframe。我也在那里放了一个ASCII映射，但当我在Lynx中打开页面时，OSM embed在那里有一个很长的URL和错误消息。这就是我的问题:我想让OSM embed只有在使用<
浏览 1提问于2018-04-05得票数 5
2回答
对于没有相关alt文本的图像，是否有符合规范的做法？
html、attributes、w3c-validation、alt、wcag
我正在网页上实现Jssor的Bootstrap Carousel Slider。使用W3C的验证工具，我得到了一个错误，因为缺少此特定图像的alt文本：
<div data-u="loading" class="jssorl-009-spin" style="position:absolute我很好奇我是否应该在这张图片上使用alt文本。到目前为止，我的研究表明只包含一个空白的alt="
浏览 3提问于2018-09-14得票数 2
3回答
用于辅助功能的HTML文档标记
html、accessibility、usability、documents、screen-readers
我想知道一种合适的方式来构建一个类似于文档的html页面。很明显，页面的标题应该标记为<h1>，部分标题应该标记为<h2>。至于页脚，现在，我有：这将显示在文档的每一页中。我意识到，如果屏幕阅读器正在读取页脚内容，它不会通知用户。我觉得用户应该可以选择跳过阅读页脚内容。
有必要让screen rea
浏览 1提问于2011-01-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
