Sekiranya butang yang boleh diakses termasuk maklumat kontekstual

1. Apa yang menjadikan butang boleh diakses?
2. Adakah ikon memerlukan label untuk kebolehcapaian?
3. Adakah pembaca skrin membaca butang?
4. Bagaimana saya menambah nama yang boleh diakses ke butang?

Apa yang menjadikan butang boleh diakses?

Butang harus selalu mempunyai nama yang boleh diakses. Untuk kebanyakan butang, nama ini akan sama dengan teks di dalam butang, antara tag pembukaan dan penutupan. Dalam sesetengah kes, contohnya butang yang diwakili oleh ikon, nama yang boleh diakses boleh disediakan dari ARIA-LABEL atau ARIA-LABELLEDBY ATTRIBUTES.

Adakah ikon memerlukan label untuk kebolehcapaian?

Walaupun ia adalah idea UX yang baik, ia tidak diperlukan. Untuk menambah bahawa tidak ada keperluan untuk label pada ikon tetapi 1.1. 1 kandungan bukan teks memerlukan ikon mempunyai nama, yang boleh menjadi contoh teks alt dan boleh tersembunyi secara visual.

Adakah pembaca skrin membaca butang?

Pembaca skrin mengendalikan pautan sedikit berbeza daripada mereka melakukan butang. Semua pautan dan butang boleh tab, tetapi menekan kekunci ruang atau masukkan butang, sedangkan menekan kekunci Enter hanya mencetuskan pautan.

Bagaimana saya menambah nama yang boleh diakses ke butang?

Cara paling mudah untuk menambah nama yang boleh diakses ke butang adalah dengan menambah kandungan teks ke elemen butang. Ini memaparkan teks pada label yang kelihatan butang (dan jika butang tidak mempunyai label yang kelihatan, terus membaca). Teks harus memberikan pengguna dengan jelas, maklumat ringkas tentang bagaimana elemen beroperasi.