Adakah anda memerlukan butang ikon sahaja tanpa mengacaukan aksesibiliti?

Pertama, berfikir dengan teliti: Adakah anda benar -benar memerlukan butang ikon tulen? Sekiranya anda boleh, menambah teks di sebelah ikon telah berulang kali terbukti menjadi pengalaman pengguna yang paling mudah diakses dan jelas (lihat kesilapan terkini Apple). Tetapi jika anda memerlukannya (saya faham, kadang -kadang anda lakukan), Sara Soueidan dan Scott O'Hara masing -masing menulis artikel yang menghuraikan semua pilihan dan memberikan penyelidikan praktikal mengenai topik ini.

• Sara Soueidan: Butang ikon yang boleh diakses
• Scott O'Hara: Tag konteks Imej dan SVG yang boleh diakses

Jika anda hanya ingin mendapatkan jawapan lurus, saya cadangkan anda mengambil kaedah "Gunakan beberapa teks dalam butang":

<button>
   <svg aria-hidden="true" focusable="false" height="32px" viewbox="0 0 32 32" width="32px"></svg></button>
   menu

Sara menegaskan bahawa tidak ada pendekatan yang sesuai dengan satu-saiz , tetapi nampaknya anda perlu menggunakan teks sebenar di dalam butang dan menyembunyikan atau menimpa entah bagaimana. Menggunakan SVG sahaja tidak mempunyai cara yang boleh dipercayai untuk memberikan nama kebolehaksesan untuk butang atau pautan.

Sungguh mengagumkan betapa sukarnya corak ini dilaksanakan dengan betul.

Atas ialah kandungan terperinci Adakah anda memerlukan butang ikon sahaja tanpa mengacaukan aksesibiliti?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!