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

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

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

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

>第一個(gè)原型使用

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

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

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

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

常見(jiàn)問(wèn)題（常見(jiàn)問(wèn)題解答）和解決方案：aria-live="assertive">

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

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