问题标签 [aria-role]

使用适用于 Chrome 的Siteimprove 扩展程序v. 126 以下 HTML 片段都报告了一个问题“输入字段没有描述 1.3.1”

似乎不需要描述，因为就可aria-hidden访问性 API 而言，属性应该完全删除元素。同样，tabindex=-1属性值表明该元素既不用于交互也不用于演示。

role="none"此外，即使在按照以下文档（这是该工具中第一个交叉引用的解决方案）添加后，扩展程序也会将此报告为一个问题：

• ARIA4：使用 WAI-ARIA 角色公开用户界面组件的角色

注意：这个隐藏元素是通过 Material UIinput作为<Select />组件的一部分生成的。它用于保存选定的值

我在 Edge 上的 Windows 讲述人遇到问题，如果我在面板（模式）中有一个组合框（下拉菜单），打开组合框会开始宣布选项卡的标题。此问题特定于 Edge 和讲述人。Edge 上的 NVDA 或 Chrome 上的讲述人似乎没有重现该问题。

我的猜测是检查role属性是否导致问题，我在这里假设它确实如此。当我将面板的角色属性设置为dialogor以外的任何属性时alertdialog，问题似乎已解决，尽管其他浏览器在打开面板后不会开始读取面板的位置中断。

我确定这不是解决方案。

Codepen 链接：https ://codepen.io/lalit-umbarkar-msft/pen/rNWoYze

我一直在研究聊天应用程序如何使他们的对话列表可访问，以及 WhatsApp 和 Facebook Messenger 在网络上的使用role="grid"，我希望这role="list"可能更合适，因为它是一个对话列表。我希望这种做法是基于屏幕阅读器如何对待这些角色，但我并不完全确定。

目标：可访问性

目标屏幕阅读器：JAWS 和 NVDA

我正在添加role="grid"到项目列表中。网格中的每一行都包含一些表示项目名称、描述等的网格单元格。我无法更改标记以使用表格，所以这就是我使用role="grid".

我的问题第一个问题：

在我正在工作的上下文中，我更容易为每个网格单元添加一个视觉隐藏的标题，而不是向网格添加一个单独的行，每列都有列标题。 是否可以用标题标记每个网格单元而不是创建一行列标题（role="columnheader"）？这将如何影响屏幕阅读器的可访问性级别？用户是否总是希望网格具有列标题？

我的第二个问题：

我想包含一些不在我标记role="grid"为网格行的容器中的内容。是否可以将网格容器外部的内容与网格关联为网格行？

注意：请记住，更改标记不是一种选择，因此诸如“将其构建为表格”之类的建议在这里将无济于事。

谢谢！