Tunjukkan Kata Laluan: Pelajaran dari eksperimen yang gagal dalam kebolehcapaian JavaScript

Artikel ini meneroka cabaran mewujudkan fungsi JavaScript yang boleh diakses yang membolehkan pengguna pembaca skrin mendengar kata laluan mereka ketika mereka menaip, sambil mengekalkan obfuscation visual. Butiran pengarang dua percubaan prototaip dan kekurangan mereka.

Penemuan Utama:

terus menyalin nilai medan kata laluan ke elemen
• yang gagal kerana pembaca skrin mengumumkan keseluruhan kata laluan sekaligus, bukan surat dengan surat, salah menafsirkan permodalan dan aksara khas. aria-live="assertive"
Mengumumkan huruf individu mengenai peristiwa keypress yang lebih baik maklum balas tetapi kelajuan menaip yang sangat terhad.
Isu kritikal dengan
• Kawasan diturunkan: Kebanyakan penyemak imbas/pembaca skrin tidak merawat "tegas" secara berbeza daripada "sopan," penangguhan pengumuman sehingga pembaca skrin terbiar. aria-live
Eksperimen ini menekankan bahawa kebolehcapaian yang benar memerlukan penyelesaian yang boleh digunakan dan intuitif, bukan hanya pematuhan teknikal.

Photo Credit: Daveynin

Matlamat awal penulis adalah untuk meningkatkan keselamatan untuk pengguna buta bidang kata laluan, yang kurang pengesahan visual input yang betul. Ciri -ciri standard "Tunjukkan Kata Laluan" menimbulkan risiko privasi dalam persekitaran bersama. Prototaip yang bertujuan memberikan maklum balas pendengaran tanpa mendedahkan kata laluan secara visual.

Prototaip pertama menggunakan rantau

untuk mengumumkan nilai kata laluan. Walau bagaimanapun, ini mengakibatkan keseluruhan kata laluan yang diumumkan sebagai satu unit, yang membawa kepada salah tafsir permodalan dan aksara khas. Prototaip kedua cuba menangani ini dengan mengumumkan setiap huruf secara individu, tetapi kelajuan menaip yang sangat terhalang ini. aria-live

Halangan penting adalah pelaksanaan yang tidak konsisten

di seluruh pelayar dan pembaca skrin yang berbeza. Dalam kebanyakan kes, ia berkelakuan seperti "sopan," melambatkan pengumuman dan menjadikan penyelesaian tidak praktikal. aria-live="assertive"

Kesimpulannya menekankan bahawa penyelesaian yang benar-benar boleh diakses mestilah mematuhi secara teknikal dan mesra pengguna. Penulis mencadangkan bahawa walaupun fungsi "tunjukkan kata laluan" standard mungkin dapat diakses, ia memberikan risiko keselamatan. Artikel ini juga meneroka pendekatan alternatif, termasuk menggunakan

untuk menyediakan arahan khusus pembaca skrin. aria-label

Soalan Lazim (Soalan Lazim) dan Penyelesaian:

Artikel ini menyimpulkan dengan seksyen FAQ yang komprehensif yang menangani soalan -soalan umum mengenai membuat dan melaksanakan ciri -ciri togol kata laluan yang boleh diakses menggunakan JavaScript, JQuery, dan CSS, termasuk pertimbangan untuk gaya, keselamatan, dan ujian. Penyelesaian ini menawarkan panduan praktikal bagi pemaju yang ingin mencipta pengalaman input kata laluan yang lebih inklusif dan selamat.

Atas ialah kandungan terperinci Tunjukkan Kata Laluan: Pelajaran dari eksperimen yang gagal dalam kebolehcapaian JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!