Visualisasikan & Kembalikan Kebolehcapaian Laman Web dengan Tota11y

Teknologi penolong adalah norma baru untuk reka bentuk web. Sebaik sahaja reka bentuk responsif menjadi arus perdana, ia dengan cepat jelas kepada pereka yang menyokong lebih banyak pengguna adalah keperluan.

Tetapi ada banyak kerja yang perlu dilakukan untuk kebolehaksesan web. Ini adalah topik yang besar dan bukan sesuatu yang anda boleh mengambil tanpa alat berguna.

Tota11y adalah a toolkit percuma untuk menggambarkan masalah akses laman web anda. Ini berfungsi betul-betul di dalam penyemak imbas supaya anda boleh memuatkan toolkit itu, klik di sekitar laman web anda (atau mana-mana tapak!) Untuk mencari saranan akses.

Ini berfungsi sebagai pustaka JavaScript yang boleh dipasangkan ke mana-mana halaman. Anda juga boleh jalankan secara manual di tapak langsung melalui DevTools Chrome, tetapi itu tidak semestinya berguna melainkan anda bekerja di tapak orang lain.

Tota11y menambah bar alat kecil ke halaman anda dan berjalan secara dinamik merentas seluruh DOM. Setiap kali anda klik elemen yang anda akan dapatkan kotak kecil yang berkembang dengan butiran yang meliputi masalah kebolehaksesan.

Satu perkara yang saya suka tentang Tota11y ialah bahasa yang jelas digunakan dengan setiap kotak petak. Kebanyakan dokumentasi WAI-ARIA merasakan seperti membaca kod cukai. Hebat untuk meletakkan diri anda tidur, tidak begitu baik untuk debug laman web.

Dengan perpustakaan ini, anda akan dapati masalah dan penyelesaian yang ditulis dalam bahasa Inggeris biasa. Lebih mudah digunakan dan penyelesaiannya cepat.

Jika anda melawat halaman utama, anda akan dapati demo Tota11y yang berjalan di laman web ini. Ia adalah tab hitam kecil yang terletak di penjuru kiri bawah skrin. Cukup klik itu untuk paparan yang diperluaskan yang meliputi semua unsur halaman utama.

Seluruhnya dibebaskan di bawah lesen MIT jadi sangat mudah untuk digunakan.

Anda boleh mengambil salinan di GitHub dan menggunakannya untuk apa-apa sahaja. Tota11y juga dilengkapi dengan banyak plugin yang anda boleh meluaskan ke skrip utama. Ini menambah fungsi untuk menyemak kebimbangan kebolehcapaian yang lebih terperinci.

Jika anda besar dalam ujian kebolehcapaian maka anda benar-benar mahukan satu salinan skrip ini dalam kotak peralatan anda.