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

鍵調(diào)查結(jié)果：

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

作者的最初目標(biāo)是提高密碼字段盲人用戶的安全性，密碼字段的盲目用戶缺乏正確的輸入確認(rèn)。 標(biāo)準(zhǔn)“顯示密碼”具有在共享環(huán)境中構(gòu)成隱私風(fēng)險。 原型旨在提供聽覺反饋而無需直觀地揭示密碼。

>第一個原型使用

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

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

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

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

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

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

以上是顯示密碼：JavaScript可訪問性中失敗實驗的課程的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！