Question

我对ARIA以及它提供的角色，状态和属性都很陌生。我知道有不同类型的角色（例如地标，地区等），但它们都不代表像“登录区域”或类似的区域。我想知道是否有办法指定这些信息的分组，以便屏幕阅读器可以为用户读出这些信息？例如。 “登录区域。用户名...密码......”

如果ARIA无法做到这一点，那么在HTML中执行此操作的一般方法是什么？

提前致谢

Answer 1

WAI-ARIA通常用于动态内容，如新闻标题自动收录器，而非静态内容，如登录表单。使用纯HTML可以最好地实现静态内容。

假设您有一个始终显示登录表单的页面，以下内容应该有所帮助。

对于登录表单，从可访问性的角度来看，您应该主要确保正确标记表单字段。字段集\图例实际上是可选的，例如小格式。

正确编码标签意味着使用\ id属性的匹配，例如

<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />

这确保了屏幕阅读器（盲人）用户可以正确地听到相应标签读出的表单字段。对于其他表单元素，例如复选框和单选按钮，使用这样的正确标签允许具有灵活性问题的用户单击文本标签以切换表单输入（复选框\单选按钮），这意味着他们有更大的目标区域可以单击页。

要让用户知道他们即将访问登录表单，您可以使用标题或字段集\ legendf组合，例如

<h2>Login form</h2>
<FORM HERE>

或者

<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>

其中任何一个都没问题，虽然标题方法会为屏幕阅读器用户创建稍微减少的音频混乱（在字段集\图例中，图例会在每个表单字段之前读出）

Answer 2

是和否。表格应该被赋予“形式”的里程碑式的作用。这允许辅助技术看到用于导航目的的地标。

请参阅spec。

虽然使用地标将有助于导航页面，但地标本身不会产生表格本身的项目读数。按照已知的HTML实践，将处理其余部分。

（自定义）WAI-ARIA角色

2 个答案: