wai-aria 相关问题

工具提示，可访问性

建立一个易于访问的网页非常困难。目前，我正在尝试使工具提示网站可访问，我需要帮助。你们有什么建议吗？像我应该使用的aria属性。...

材料设计卡的区域角色组或列表框？

对于与此类似的设计，在Materialize上使用的图像卡：http://materializecss.com/components.html#屏幕截图：http://i.imgur.com/zvncUFz.png我应该使用群组角色还是...

使不同的HTML元素可访问的正确方法是什么？

以下哪种方法对使链接可访问更正确/更好？ Read More

具有属性aria-hidden和css可见性的元素是否被屏幕阅读器读取？

我有一个移动菜单，隐藏在具有可见性的桌面上：我也想在不使用display的情况下在台式机的屏幕阅读器中隐藏此菜单：none或hidden = hidden，如果...

辅助功能：在密码输入中显示/隐藏密码按钮

密码输入通常带有显示/隐藏按钮，但是我在网络上发现很少有关其可访问性的内容。我应该附加任何种类的ARIA ...

可以在标题元素上使用aria标签

我有一个页面，其中 标签包含一些文本（具体是部门名称），屏幕阅读器的发音不太好（部门名称为“ AskHR”-这是HR ...] >

仅可访问CSS的选项卡视图

我正在一个需要（a）没有JavaScript且（b）可以通过键盘访问的网站上工作。我使用了标签目标技巧来构建选项卡视图（https：//css-tricks.com/functional-css-tabs -...

关于aria-byby和form字段的最佳实践的可访问性问题

以下示例是用于收集名字的典型表单字段。我在输入上有一个aria- describeby，它引用了两个有助于描述输入功能的不同文本区域。 ...

如何通过满足网络可访问性准则以正确的方式添加html中的图像

我目前正在研究与HTML5有关的网络可访问性指南。关于图像，我目前正在以HTML形式添加图像，如下所示：

辅助功能：更改当图标为子图标时]的图标的最佳解决方案，>

我需要每个状态带有不同图标的切换按钮。图标按钮如下所示： ...

输入验证：引用aria所描述的元素尚不在DOM中的最佳实践

情况是这样的：输入字段（文本，电子邮件，密码）用aria- describeby =“ some-id”标记。如果用户输入不符合要求，则呈现id =“ some-id”的元素。 ...

我们何时需要div和span才能可单击，为什么我们不宁愿使用按钮？

据我了解，网页上可点击的任何内容都必须是链接或按钮。如果单击，则要将用户带到另一个页面或新的上下文，则应使用链接，如果...

Aria标签在带有NVDA的Chrome和Firefox中不起作用

我有一个简单的文本框：我在文本框悬停时显示工具提示的名字。我使用了aria标签以及aria -...

使用aria时如何更改宽度和框？

我使用一个用于数据列表/自动补全的库。但是我想更改数据容器的宽度和形状。如何删除红色框中的箭头并使宽度根据内容动态变化？没有css ...

关于读者应如何阅读网页，是否有任何流程图或wai-aria“调试器”？

我正在研究页面的可访问性。我认为我理解在WAI-ARIA Authoring Practices 1.1中看到的示例，并且我会继续阅读。现在尝试NVDA Reader读取... ...

非标准表数据的可访问性方法

问题描述：我正在为顾问会议列表开发UI。该列表的格式类似于表，具有一行列标题和相应的数据。每个会议都包含一行...

Aria-lable在带有NVDA的铬和Firefox上不起作用

我有简单的文本框我在文本框悬停时显示工具提示的名字。我使用了aria-labelby和aria-labelby，但是...

如何使“加载中”图标可供JAWS等屏幕阅读器访问？

所以HTML代码是这样的： ...

如何解决残破的ARIA参考？

我的网页在进行测试时，ARIA参考信息损坏。特别是aria-labelledby =“ =” myModalLabel“显示错误。我的理解是，在...

NVDA忽略带有Boostrap Popover的“隐藏的aria-读取”为空白”

我正在尝试改善网站的可访问性，并且遇到了一些问题，这些问题使得使用NVDA的移动设备（VoiceOver和TalkBack）以及台式机都可以正常工作。我正在尝试使用...