Tips DevTools: Menemukan dan memperbaiki teks kontras rendah
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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.
Untuk pengalaman belajar yang lebih praktis, lihat tutorial Membuat situs Anda lebih mudah dibaca.
Untuk mempelajari lebih lanjut, lihat:
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2022-10-19 UTC.
[[["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."],[],[],null,[]]
