Beranda › Basis pengetahuan › Menurut sistem
Aksesibilitas dengan Shopify
Tema dan aplikasi Shopify menentukan aksesibilitas. Checkout sebagian besar sudah ditentukan oleh Shopify.
Lokasi temuan yang umum
Warna tema dengan kontras terlalu rendah, gambar produk tanpa teks alternatif, aplikasi ulasan dan pop-up tanpa pengoperasian keyboard, mega-menu yang hanya terbuka saat disorot, korsel tanpa jeda. Inti Shopify biasanya bukan masalahnya — tema, aplikasi, dan konten yang dibuat di editor teks kaya yang menjadi masalah.
Periksa dan pilih tema
Tema menentukan kontras, fokus terlihat, struktur judul, dan pengoperasian menu serta filter dengan keyboard. Kriteria sebelum memilih: telusuri beranda, sebuah koleksi, dan halaman produk dengan tombol Tab — apakah fokus selalu terlihat? Apakah menu terbuka tanpa tetikus? Apakah kontras teks dan tombol minimal 4,5:1? Tema bawaan Online Store 2.0 (Dawn dan turunannya) adalah titik awal yang solid; untuk tema berbayar, uji keyboard pada demo dan meminta pernyataan aksesibilitas kepada vendor sangat membantu.
Gambar produk, varian, dan teks kaya
Beri setiap gambar produk di admin teks alternatif yang menggambarkan isinya — bukan nama berkas. Hal yang sama berlaku untuk gambar varian. Teks yang tercetak sebagai grafik di lencana atau banner ("Obral", "Hari ini saja") tidak terlihat oleh pembaca layar; gunakan teks sungguhan. Di editor teks kaya deskripsi produk, gunakan tingkat judul dengan rapi (jangan hanya memperbesar teks) dan daftar sebagai daftar sungguhan.
Aplikasi dan widget tersemat
Aplikasi ulasan, pop-up, upsell, dan banner cookie sering menyuntikkan widget mereka sendiri yang menjebak fokus keyboard, tidak memiliki label, atau menampilkan overlay tanpa cara menutupnya. Uji setiap aplikasi secara terpisah dengan keyboard; aplikasi slider dan hitung mundur butuh jeda dan tidak boleh membuat apa pun berkedip. Overlay aksesibilitas sebagai aplikasi tidak memperbaiki masalah struktural dan dikritik oleh organisasi advokasi disabilitas. Jika ragu: hapus aplikasinya.
Checkout: apa yang ditetapkan Shopify dan apa yang tidak
Checkout standar Shopify dikelola oleh Shopify dan sebagian besar dibangun secara aksesibel — di sana Anda punya sedikit tuas. Yang Anda pengaruhi: ekstensi checkout dan bidang khusus (pesan hadiah, verifikasi usia) dapat mengganggu penggunaan keyboard atau pembaca layar, dan jalur menuju checkout — keranjang, bidang kode diskon, pemilihan pengiriman — ada di tema. Uji juga langkah-langkah itu.
Menguji dan pertanyaan yang sering diajukan
Uji cepat: operasikan beranda, sebuah koleksi, dan halaman produk hanya dengan keyboard, perbesar ke 200% di peramban, jalankan ekstensi seperti WAVE atau axe DevTools. Pemindaian gratis a11yglass juga memeriksa HTML yang dikirim untuk kontras, teks alternatif, label, bahasa, dan struktur. Apakah toko Shopify saya perlu pernyataan aksesibilitas? Umumnya ya — toko tempat konsumen membeli adalah perdagangan elektronik dalam arti BFSG; lihat halaman tentang pernyataan aksesibilitas. Apakah checkout Shopify sudah aksesibel? Sebagian besar tanggung jawab Shopify, tetapi ekstensi bisa merusaknya. Tema mana yang aksesibel? Tidak ada segel — yang menentukan adalah penerapan dalam kasus konkret.
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.