5 poin oleh xguru 2020-08-06 | 1 komentar | Bagikan ke WhatsApp

Saat membangun tech stack baru, aksesibilitas dipertimbangkan sejak awal

  • Linting & Flow: memaksa ARIA

  • Penyesuaian ukuran font: dimungkinkan dengan penerapan rem, tetapi karena sulit untuk memaksakannya, dibuat agar nilai piksel CSS dapat dikonversi otomatis

  • Contextual headings: menggunakan React Context agar heading selalu tampil pada level yang benar bahkan di halaman yang strukturnya kompleks

  • Pintasan contextual: pendaftaran pintasan dibungkus ke dalam satu API dengan React Context

  • Menjalankan fitur di latar belakang yang mendeteksi dan memberi tahu masalah aksesibilitas bahkan saat runtime

  • Menerapkan ARIA Practices Guide agar aksesibilitas dipertimbangkan sejak pembuatan komponen dasar

  • Untuk screen reader dan pengguna keyboard sighted, diimplementasikan agar Focus tetap terjaga saat berpindah antar komponen

  • Menyediakan hook umpan balik untuk screen reader

1 komentar

 
xguru 2020-08-06

Cerita tentang rekonstruksi tech stack Facebook https://id.news.hada.io/topic?id=2049