显示密码：JavaScript可访问性中失败实验的课程

>本文探讨了创建可访问的JavaScript功能的挑战，该功能允许屏幕读取器用户在键入时听到其密码，同时保持视觉混淆。 作者详细介绍了两次原型尝试及其缺点。

键调查结果：

>将密码字段值直接复制到元素失败，因为屏幕读取器一次宣布了整个密码，而不是通过字母宣布，误解了大写字母和特殊字符。
• >在按键事件上宣布单个字母改善了反馈，但键入速度受到严格限制。 aria-live="assertive"
区域的一个关键问题已经显示出来：大多数浏览器/屏幕读取器组合对“自信”的视频与“礼貌”不同，在屏幕读取器闲置之前，延迟公告。
• 。
>实验强调，真正的可访问性需要可用和直观的解决方案，而不仅仅是技术合规性。
• aria-live
• >图片来源：daveynin

作者的最初目标是提高密码字段盲人用户的安全性，密码字段的盲目用户缺乏正确的输入确认。 标准“显示密码”具有在共享环境中构成隐私风险。 原型旨在提供听觉反馈而无需直观地揭示密码。

>

>第一个原型使用

>区域来宣布密码值。 但是，这导致整个密码被宣布为一个单元，从而误解了大写和特殊字符。 第二个原型试图通过单独宣布每个字母来解决这个问题，但这严重阻碍了打字速度。

>一个重要的障碍是在不同的浏览器和屏幕读取器中不一致地实现了

。 在大多数情况下，它的行为就像是“礼貌”，延迟了公告并使解决方案不切实际。

>结论强调，真正可访问的解决方案必须在技术上符合技术和用户友好。 作者建议，尽管可以访问标准的“显示密码”功能，但它带来了安全风险。 本文还探讨了替代方法，包括使用aria-live提供特定于屏幕读取器的说明。

常见问题（常见问题解答）和解决方案：aria-live="assertive">

>本文以一个全面的常见问题解答部分结束，该部分讨论了有关使用JavaScript，JQuery和CSS创建和实现可访问的密码切换功能的常见问题，包括用于样式，安全性和测试的考虑因素。 这些解决方案为寻求创建更具包容和安全的密码输入体验的开发人员提供了实用的指导。

以上是显示密码：JavaScript可访问性中失败实验的课程的详细内容。更多信息请关注PHP中文网其他相关文章！