wai-aria 相关问题

标签值方案的可访问性

我对制作标签的正确方法有什么疑问，它对于用户可访问的价值也有疑问。例如，我有一个部分显示用户的以下详细信息，名字，约翰，姓氏，...

可以将字体大小设置为0px以隐藏标签，并且屏幕阅读器仍可以读取它

我需要实现一个带有占位符文本且没有可见标签的表单，但仍然使非视线用户可以访问它。设置文本缩进：标签上的-9999px会将其隐藏，但会添加额外的...

如何隐藏文本并使屏幕阅读器可以访问它？

我有一个简单的文本，该文本会根据操作进行更新，我希望屏幕阅读器会宣布该文本。但我不希望该文本在网页上可见。我尝试显示：无和可见性：...

HTML验证：为什么将交互式元素放在交互式元素内无效？

免责声明：我知道这不是有效的HTML。我试图了解为什么不允许这样做？ W3C建议诸如按钮之类的交互式元素或不得包含其他交互式元素...

ARIA-Chrome / Safari上的iPhone语音，我想在页面加载时将控件设置为DOM元素

[在网页上，我正在通过VOICE OVER ON的iPhone chrome浏览器显示搜索结果。页面加载完成后，我想将控制/焦点上的声音移至特殊的DOM元素。在这里javascript focus（...

您如何处理2个元素具有相同的可访问名称但功能不同的情况？

我正在开发一个电子商务商店页面，该页面上有一个带“过滤器”字样的按钮，单击该按钮会向用户弹出一个过滤器模式。筛选器模式的顶部是标题...

工具提示，可访问性

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