向屏幕阅读器隐藏图标的适当方式是什么

问题描述在我的Web应用程序中,我为自己设置了一个完全由图标组成的字体。我使用这些图标来补充应用程序中的标题和副标题,使其在视觉上更具吸引力。但是,像JAWS这样的屏幕阅读器会读出这些内容,这会给屏幕阅读器的用户带来不愉快的体验。例如,字符c显示云的图像。我以这种方式使用它来补充

发布:2022-10-16 标签:htmlfont-faceaccessibilityscreen-readerswai-aria


如何使用WAI-ARIA创建完全可访问的嵌套下拉列表?

问题描述几天前,我开始在Internet上搜索有关WAI-ARIA的教程和文档,了解几乎所有类型的AJAX请求。我习惯于使用jQuery和AJAX编写嵌套下拉列表。它工作得很好,但不是本机可访问的。例如,我们需要使用特定于WAI-ARIA的标记来启用所有类型的动态内容(如AJAX

发布:2022-10-16 标签:htmljqueryaccessibilitywai-aria


如何使没有href属性的链接可访问?

问题描述我工作的一个站点正在使用第三方脚本,该脚本将<ahref="">的几个实例替换为<a>。由于脚本的另一部分,这些链接仍然有效,但它们不再被用户代理视为链接。我可以通过添加tabindex="0"将它们恢复为选项卡式导航顺序,但如何使辅助技术将它们声明为链接或将它们包含在页

发布:2022-10-16 标签:htmlanchorjavascriptaccessibilitywai-aria


是否可以将整张卡片包装在&amp;lt;a&amp;gt;标签中?

问题描述在我的网站上有"卡片",每一张都有很多元素(图像、文本、日期等)。有点像推特里的推特卡片:我希望整个卡片都是可点击的(应该是指向另一个页面的链接)。目前,我将顶层元素作为<a>标记,并使用aria-label和aria-describedby,因此屏幕阅读器可以正确读取它

发布:2022-10-16 标签:htmlaccessibilitywai-aria


如何指示屏幕阅读器将&amp;quot;doit&amp;quot;读为&amp;quot;do it&amp;quot;?

问题描述我在一个网站上工作,该网站全面使用首字母缩写(&quot;doit&quot;,发音为&quot;doit&quot;)。不幸的是,视障人士的屏幕阅读器将首字母缩写读错了(&quot;duh-i.t.&quot;)。我认为有两种解决方案之一:在整个网站(HTML5)中查找

发布:2022-10-16 标签:htmlaccessibilityscreen-readerswai-arianvda


辅助功能和星号尾注

问题描述我有一个很长的文档,我需要将其转换为符合WCAGAA的HTML,作者使用星号作为结尾注释,如*、**和***。下面是一个示例:SolanoCountyAtlasFire(SolanoCounty)10/17*PonderosaFire(ButteCounty)08/17*

发布:2022-10-16 标签:htmlaccessibilitywcag2.0wai-ariafootnotes


如何在单击“显示更多”按钮后公布新内容?

问题描述我一直在尝试在用户单击Showmore按钮后加载一些附加内容的区域中添加VO支持(请参阅所附的截图)。必需的行为:我需要VO宣布有关额外加载的元素的信息,比如什么是cookie?和另外11个项目(&Q;)。已尝试:方法-1:使用的aria-live=&quot;polit

发布:2022-10-16 标签:htmljavascriptaccessibilityweb-frontendwai-aria


如何隐藏文本并使其可由屏幕阅读器访问?

问题描述我有一个简单的文本,它会在某个操作上得到更新,我希望屏幕阅读器会宣布它.但我不希望该文本在网页上可见.我尝试了display:none和visibility:hidden,但似乎屏幕阅读器软件无法访问它们.我找到了一种方法来完成这项工作-即通过将元素绝对定位到负99999

发布:2022-10-16 标签:htmlcssaccessibilitywai-aria


使用“aria-labelledby&quot;的目的在已经标记的输入元素上?

问题描述很多ARIA演示网站使用的代码如下:ManyARIAdemonstrationwebsitesusecodesuchas:<labelfor="name"id="label-name">YourName</label><inputid="name"aria-labelle

发布:2022-10-16 标签:htmllabelaccessibilitywai-aria


是“aria-haspopup&quot;吗?属性主要用于工具栏菜单?

问题描述我已经看到aria-haspopup属性被用于应用程序的工具栏菜单,例如所见即所得编辑器.但是,我还没有看到它被用于任何ARIA演示网站的主导航.Ihaveseenaria-haspopupattributebeingusedontoolbarmenuofapplicat

发布:2022-10-16 标签:htmlpopupwai-aria