顯示密碼：JavaScript可訪問性中失敗實驗的課程

>本文探討了創建可訪問的JavaScript功能的挑戰，該功能允許屏幕讀取器用戶在鍵入時聽到其密碼，同時保持視覺混淆。 作者詳細介紹了兩次原型嘗試及其缺點。

鍵調查結果：

>將密碼字段值直接複製到元素失敗，因為屏幕讀取器一次宣布了整個密碼，而不是通過字母宣布，誤解了大寫字母和特殊字符。
• >在按鍵事件上宣佈單個字母改善了反饋，但鍵入速度受到嚴格限制。 aria-live="assertive"
區域的一個關鍵問題已經顯示出來：大多數瀏覽器/屏幕讀取器組合對“自信”的視頻與“禮貌”不同，在屏幕讀取器閒置之前，延遲公告。
• 。
>實驗強調，真正的可訪問性需要可用和直觀的解決方案，而不僅僅是技術合規性。
• aria-live
• >圖片來源：daveynin

作者的最初目標是提高密碼字段盲人用戶的安全性，密碼字段的盲目用戶缺乏正確的輸入確認。 標準“顯示密碼”具有在共享環境中構成隱私風險。 原型旨在提供聽覺反饋而無需直觀地揭示密碼。

>

>第一個原型使用

>區域來宣布密碼值。 但是，這導致整個密碼被宣佈為一個單元，從而誤解了大寫和特殊字符。 第二個原型試圖通過單獨宣布每個字母來解決這個問題，但這嚴重阻礙了打字速度。

>一個重要的障礙是在不同的瀏覽器和屏幕讀取器中不一致地實現了

。 在大多數情況下，它的行為就像是“禮貌”，延遲了公告並使解決方案不切實際。

>結論強調，真正可訪問的解決方案必須在技術上符合技術和用戶友好。 作者建議，儘管可以訪問標準的“顯示密碼”功能，但它帶來了安全風險。 本文還探討了替代方法，包括使用aria-live提供特定於屏幕讀取器的說明。

常見問題（常見問題解答）和解決方案：aria-live="assertive">

>本文以一個全面的常見問題解答部分結束，該部分討論了有關使用JavaScript，JQuery和CSS創建和實現可訪問的密碼切換功能的常見問題，包括用於樣式，安全性和測試的考慮因素。 這些解決方案為尋求創建更具包容和安全的密碼輸入體驗的開發人員提供了實用的指導。

以上是顯示密碼：JavaScript可訪問性中失敗實驗的課程的詳細內容。更多資訊請關注PHP中文網其他相關文章！