Html 在密码强度计上使用role=progressbar是否会导致混淆?

Html 在密码强度计上使用role=progressbar是否会导致混淆?,html,accessibility,wai-aria,assistive-technology,Html,Accessibility,Wai Aria,Assistive Technology,我正在为一个网站做一个注册表格,我想包括一个密码强度表,它将以progressbar小部件的形式出现 我见过的大多数示例都是在HTML元素上设置setrole=progressbar,但根据以下内容,这听起来并不太正确: 显示耗时较长的任务的进度状态的元素 progressbar表示已收到用户的请求,并且应用程序正在向完成请求的操作迈进。[……] 读了上面的内容,我将完全省略角色属性,因为我在列表中没有找到任何与“米类型”匹配的属性 使用辅助技术的用户最好使用role=progressbar,还

我正在为一个网站做一个注册表格,我想包括一个密码强度表,它将以progressbar小部件的形式出现

我见过的大多数示例都是在HTML元素上设置set
role=progressbar
,但根据以下内容,这听起来并不太正确:

显示耗时较长的任务的进度状态的元素

progressbar表示已收到用户的请求,并且应用程序正在向完成请求的操作迈进。[……]

读了上面的内容,我将完全省略
角色
属性,因为我在列表中没有找到任何与“米类型”匹配的属性


使用辅助技术的用户最好使用
role=progressbar
,还是会引起混淆?省略它会更好吗?

传统上,在GUI应用程序中,进度条不可聚焦,甚至有时在使用屏幕阅读器导航时完全不可见。仅当其值更改时,或每隔x秒定期宣布一次。 此外,进度条用于显示进度百分比,通常为0%到100%之间的值,并且不应减少

因此,就您的密码强度而言,正如您所猜测的,进度条可能不合适,原因如下:

  • 即使我们可以假设0%非常弱,100%非常强,60%到底意味着什么?很好还是勉强可以接受?就像学校里的分数一样,你对用户的看法和看法也各不相同,可能不是每个人都很清楚0%=非常弱,100%=非常强
  • 进度条表示进度百分比,更不用说一系列有限的进步资格,如弱>可接受>好>强。ARIA要求值是一个数字,因此不能提供用户需要的真实信息
  • 进度条值通常在更改时公布。更改非常少,在输入密码时定期公布的随机数被理解为密码的强度
  • 如果我想在不更改当前密码的情况下检查密码的强度,那么如果进度条不可见,那么它将毫无帮助
  • 进度条的值不应减小。它并没有在ARIA中直接指定,但当它说“随着时间的推移”时,它有点含蓄。但是,在键入(或删除)字符时,密码强度可能会降低

出于以上所有原因,我建议您不要使用progressbar角色,而是使用一个ARIA live区域来补充进度栏,比如说“密码强度:好”,它在键入时会更新。

谢谢,我在读了进一步的内容后朝这个方向倾斜。似乎aria live是一种“礼貌”通知的方式。