Aksesibilitas situs WordPress: dasar yang bisa langsung diterapkan

Kontras dan keterbacaan

Teks harus cukup kontras terhadap latarnya. Teks abu-abu muda di atas putih mungkin tampak elegan, tetapi sulit dibaca, terutama di bawah sinar matahari pada ponsel. Gunakan ukuran huruf yang nyaman dan jarak baris yang lega.

Jangan hanya mengandalkan warna untuk menyampaikan makna. Tandai kolom yang salah dengan ikon atau teks, bukan hanya warna merah.

Navigasi dengan papan ketik

Coba telusuri situs Anda hanya dengan tombol Tab. Apakah urutan fokus masuk akal? Apakah tombol dan tautan terlihat jelas saat difokuskan? Menu yang hanya terbuka lewat arahan mouse akan menyingkirkan sebagian pengguna.

• Sediakan tautan 'lompat ke konten utama'.
• Pastikan penanda fokus terlihat.
• Semua fungsi bisa dijangkau tanpa mouse.
• Hindari jebakan fokus pada jendela pop-up.

Gambar, formulir, dan struktur

Isi teks alternatif untuk gambar yang bermakna, dan kosongkan untuk gambar dekoratif. Hubungkan setiap kolom formulir dengan labelnya, dan tampilkan pesan kesalahan yang menjelaskan cara memperbaikinya.

Gunakan urutan judul yang logis: satu judul utama, lalu subjudul bertingkat. Pembaca layar memakai struktur ini untuk menavigasi halaman.

Periksa pilihan tema dan plugin

Tema dan plugin menentukan sebagian besar markup situs. Pilih yang menyatakan dukungan aksesibilitas, dan uji hasilnya, bukan hanya mempercayai klaim. Komponen interaktif seperti tab, akordeon, dan penggeser adalah yang paling sering bermasalah.

Alat bantu pengujian

Alat pemindai otomatis menangkap sebagian masalah, tetapi tidak semuanya. Gabungkan dengan pengujian manual sederhana dan, bila memungkinkan, masukan dari pengguna yang benar-benar memakai alat bantu.