Beranda › Basis pengetahuan › Menurut sistem

Aksesibilitas dengan WordPress

WordPress sendiri bisa aksesibel — masalah biasanya datang lewat tema, plugin, dan blok halaman.

Lokasi temuan yang umum

Tema dengan kontras terlalu rendah atau tanpa fokus terlihat, plugin slider tanpa jeda/pengoperasian keyboard, formulir tersemat (Contact Form 7 dsb.) dengan bidang tanpa label, blok gambar tanpa teks alternatif, dan pembangun halaman yang mengubah judul menjadi sekadar paragraf besar. Editor inti WordPress biasanya bukan masalahnya — lapisan di atasnya yang bermasalah.

Periksa dan pilih tema

Sebuah tema menentukan kontras, tampilan fokus, struktur judul, dan pengoperasian navigasi dengan keyboard. Kriteria sebelum memilih: telusuri halaman dengan tombol Tab — apakah fokus selalu terlihat? Apakah menu bisa dioperasikan tanpa tetikus? Apakah kontras warna teks dan tombol minimal 4,5:1? Tema bawaan berbasis blok (Twenty Twenty-Four/-Five) adalah titik awal yang solid; untuk tema berbayar, melihat demo dengan CSS dimatikan dan uji keyboard sangat membantu.

Bekerja rapi di editor blok

Gunakan blok judul dalam urutan yang benar (satu H1 per halaman, jangan melompati tingkat) — jangan hanya membuat teks besar dan tebal. Beri setiap blok gambar teks alternatif; gambar murni dekoratif tandai secara eksplisit sebagai dekoratif. Untuk tindakan gunakan blok tombol, untuk navigasi tautan sungguhan. Daftar sebagai blok daftar, bukan sebagai paragraf dengan tanda hubung. Tabel hanya untuk data tabular sungguhan dan dengan baris tajuk.

Plugin dan formulir

Plugin formulir (Contact Form 7, WPForms, Gravity Forms) hanya menghasilkan formulir yang dapat diakses jika setiap bidang memiliki label yang terlihat dan tertaut serta pesan kesalahan terkait dengan bidang tersebut — teks placeholder saja tidak cukup. Slider dan carousel butuh tombol jeda dan tidak boleh menjebak fokus keyboard; jika ragu, tinggalkan saja. Pembangun halaman (Elementor, Divi, WPBakery) tidak tidak-dapat-diakses secara inheren, tetapi memancing struktur div bersarang tanpa semantik — di sini perhatikan judul dan fokus secara khusus.

Menguji

Tiga uji cepat tanpa perangkat lunak tambahan: (1) operasikan halaman hanya dengan keyboard — Tab, Enter, tombol panah; apakah bisa ke mana-mana dan keluar lagi? (2) perbesar di peramban ke 200% — apakah semua tetap terbaca dan dapat dioperasikan? (3) jalankan ekstensi peramban seperti WAVE atau axe DevTools. Pemindaian gratis a11yglass juga memeriksa HTML yang dikirim dari halaman beranda Anda untuk kontras, teks alternatif, label, bahasa, dan struktur, serta menyebutkan kriteria WCAG untuk setiap temuan.

Pertanyaan yang sering diajukan

Apakah plugin aksesibilitas membuat situs saya patuh? Tidak — plugin overlay yang mengganti kontras dan ukuran font melalui widget tidak memperbaiki masalah struktural dan dikritik oleh organisasi advokasi disabilitas. Tema mana yang dapat diakses? Tidak ada segel; yang menentukan adalah penerapan dalam kasus konkret — kriteria di atas membantu dalam memilih. Apakah situs WordPress saya perlu pernyataan aksesibilitas? Itu bergantung pada apakah situs termasuk dalam BFSG (perdagangan elektronik) atau dijalankan oleh badan publik — lihat halaman tentang pernyataan aksesibilitas.

Bagaimana a11yglass membantu

Pemindaian gratis memeriksa HTML dan CSS yang disajikan untuk pelanggaran WCAG yang dapat dikenali secara otomatis, dan menyebutkan per temuan kriteria keberhasilan serta satu langkah konkret. Ia menemukan sekitar 20–35% masalah dan tidak menggantikan penilaian menyeluruh.

Lanjut membaca

Informasi umum menurut pengetahuan terbaik, bukan nasihat hukum. Untuk kasus individual, hubungi firma hukum yang berfokus pada hukum TI.