(习俗)Wai-Aria角色
-
12-10-2019 - |
题
我对ARIA以及它提供的角色,状态和属性非常陌生。我知道角色有不同类型的角色(例如地标,区域等),但它们都不代表“登录区域”或类似的区域。我想知道是否有方法可以指定此信息的分组,以便屏幕读取器可以为用户读取此信息?例如“登录区域。用户名...密码...”
如果ARIA无法做到这一点,那么在HTML中进行的一般方法是什么?
提前致谢
解决方案
Wai-aria通常适用于动态内容,例如新闻标题股票,而不是静态内容,例如登录表单。最好使用普通HTML实现静态内容。
假设您有一个始终显示登录表单的页面,则应有所帮助。
对于登录表单,从可访问性的角度来看,您应主要确保正确标记表单字段。对于小型形式,fieldset emend确实是可选的。
编码正确标签意味着使用 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" />
这样可以确保ScreenReader(盲)用户可以正确听到读取的标签表单字段。对于其他表单元素,例如复选框和广播按钮,使用此类正确标签允许具有敏捷性问题的用户单击文本标签以切换表单输入(复选框无线电按钮),这意味着它们具有较大的目标区域,可以单击该单击页。
为了让用户知道他们即将访问登录表单,您可以使用标题或fieldSet legendf组合
<h2>Login form</h2>
<FORM HERE>
或者
<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>
这些都可以,尽管标题方法会为ScreenReader用户创造较少的音频混乱(使用FieldSet Legend,在每个表单字段之前读出传说)
其他提示
是的,否。该表格应具有“形式”的里程碑式角色。这使辅助技术可以出于航行目的查看地标。
参考 规格.
在使用地标将有助于浏览页面,但地标本身不会以形式本身读取物品。遵循已知的HTML实践,将照顾其余的。
不隶属于 StackOverflow