Tips DevTools: Menemukan dan memperbaiki teks kontras rendah
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Sofia Emelianova
Teks kontras rendah adalah masalah aksesibilitas teratas di web. Pada Februari 2022, 83,9% dari satu juta halaman beranda teratas memiliki masalah ini. Lihat laporan WebAIM Million 2022 untuk mempelajari lebih lanjut.
Chrome DevTools memungkinkan Anda menemukan semua masalah kontras dengan cepat dan memperbaikinya dengan mengklik tombol.
Tonton video untuk mempelajari cara:
Lihat rasio kontras di tooltip mode inspector dan nilai rasio yang direkomendasikan di Color Picker.
Di Color Picker, pilih warna yang disarankan atau pilih warna di bawah garis rasio kontras untuk mematuhi panduan WebAIM.
Temukan semua masalah kontras di panel CSS Overview dan (pratinjau) Issues.
Emulasikan kekurangan daya penglihatan untuk memahami tampilan halaman Anda bagi semua pengguna.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-10-19 UTC."],[],[]]