Visualisasikan & Aksesibilitas Situs Web Debug dengan Tota11y

Teknologi bantu adalah norma baru untuk desain web. Setelah desain responsif menjadi mainstream, cepat bagi perancang bahwa mendukung lebih banyak pengguna adalah suatu keharusan.

Tapi disana banyak pekerjaan yang harus dilakukan untuk aksesibilitas web. Ini adalah topik besar dan bukan sesuatu yang bisa Anda ambil tanpa alat praktis.

Tota11y adalah a toolkit gratis untuk memvisualisasikan masalah aksesibilitas situs web Anda. Ini berfungsi dengan baik di browser sehingga Anda bisa memuat toolkit, klik di sekitar situs Anda (atau situs apa pun!) Untuk menemukan rekomendasi aksesibilitas.

Ini berfungsi sebagai pustaka JavaScript yang dapat dicolokkan ke halaman mana pun. Anda juga bisa jalankan secara manual di situs langsung melalui Chrome DevTools, tetapi itu tidak selalu berguna kecuali Anda bekerja di situs orang lain.

Tota11y menambahkan toolbar kecil ke halaman Anda dan berjalan secara dinamis di seluruh DOM. Kapanpun kamu klik sebuah elemen Anda akan mendapatkan kotak kecil yang mengembang dengan detail yang mencakup masalah aksesibilitas.

Satu hal yang saya sukai dari Tota11y adalah bahasa yang jelas digunakan dengan setiap kotak info. Sebagian besar dokumentasi WAI-ARIA terasa seperti membaca kode pajak. Bagus untuk membuat diri Anda tertidur, tidak terlalu bagus untuk men-debug situs web.

Dengan perpustakaan ini, Anda akan menemukannya masalah dan solusi yang ditulis dalam Bahasa Inggris. Sehingga jauh lebih mudah dikonsumsi dan solusinya cepat.

Jika Anda mengunjungi halaman utama, Anda akan menemukan demo Tota11y berjalan di situs. Ini adalah tab hitam kecil yang terletak di sudut kiri bawah layar. Cukup klik itu untuk tampilan yang diperluas yang mencakup semua elemen halaman utama.

Semuanya terbuka dengan lisensi MIT sehingga sangat mudah untuk dikerjakan.

Anda dapat mengambil salinan di GitHub dan menggunakannya untuk apa saja. Tota11y juga dilengkapi dengan sekelompok plugin yang dapat Anda gunakan pada skrip utama. Ini tambahkan fungsionalitas untuk memeriksa masalah aksesibilitas yang lebih rinci.

Jika Anda menyukai pengujian aksesibilitas maka Anda pasti ingin salinan skrip ini di kotak peralatan Anda.