Daftar Periksa Kepatuhan ADA Shopify (2026)

Undang-Undang Penyandang Disabilitas Amerika tidak menyebutkan situs web. Itu ditulis pada tahun 1990, sebelum kebanyakan orang memiliki email. Namun pengadilan secara konsisten memutuskan bahwa ADA Judul III – yang melarang diskriminasi di “tempat akomodasi publik” – berlaku untuk toko e-niaga, dan semakin banyak pedagang Shopify yang dituntut atas hal tersebut. Jika Anda berjualan online di AS, ini bukanlah risiko hipotetis.

Ini adalah daftar periksa yang kami gunakan saat mengaudit aksesibilitas toko Shopify. Hal ini tidak akan membuat Anda kebal peluru – tidak ada yang bisa melakukan hal tersebut – namun hal ini akan menutup kesenjangan yang pertama-tama dicari oleh pengacara penggugat.

Apa yang sebenarnya dibutuhkan ADA (tidak ada standar resmi)

Inilah bagian yang membuat orang tersandung: ADA sendiri tidak menyebutkan standar teknis untuk situs web. Kongres tidak pernah memperbarui undang-undang untuk internet, dan Departemen Kehakiman telah menyatakan bahwa Judul III berlaku untuk toko online tanpa secara formal mengadopsi serangkaian aturan tertentu.

Dalam praktiknya, kesenjangan tersebut akan terisi olehWCAG (Pedoman Aksesibilitas Konten Web) 2.1 atau 2.2, Level AA. Ini bukan undang-undang, tapi itulah yang menjadi acuan perjanjian penyelesaian, surat panduan DOJ, dan keputusan pengadilan berulang kali. Jika toko Anda memenuhi WCAG 2.2 AA, Anda selaras dengan apa yang akan dinilai oleh setiap pihak dalam gugatan — penggugat, tergugat, dan hakim — terhadap Anda.

Dua hal lagi yang perlu diketahui sebelum Anda mulai:

• Undang-Undang Aksesibilitas UE kini dapat diberlakukan secara terpisah(sejak Juni 2025) untuk bisnis yang melakukan penjualan ke UE, dengan persyaratannya sendiri yang secara longgar dipetakan ke WCAG. Jika Anda mengirim ke pelanggan Eropa, daftar periksa ini mencakup sebagian besar wilayah yang sama.
• Kepatuhan bukanlah sesuatu yang biner.Anda tidak "lulus" ADA seperti Anda lulus tes mengemudi. Anda mengurangi keterpaparan Anda dengan memperbaiki hambatan nyata, dan Anda terus menguranginya seiring Anda menemukan lebih banyak hambatan.

Daftar periksa kepatuhan ADA Shopify

Selesaikan ini secara berurutan. Setiap bagian membutuhkan waktu beberapa menit untuk diperiksa secara manual, bahkan tanpa alat khusus.

1. Gambar dan media

• Setiap gambar produk memiliki teks alternatif deskriptif — bukan "IMG_2481.jpg", bukan judul produk yang diulang tanpa detail berguna, namun deskripsi yang dapat ditindaklanjuti oleh pembeli tunanetra ("sweater leher awak wol biru tua, dilipat, dengan latar belakang abu-abu").
• Gambar dekoratif (tekstur latar belakang, spacer) memiliki atribut alt kosong (alt="") sehingga pembaca layar melewatkannya alih-alih membacakan nama file dengan keras.
• Video apa pun di situs Anda memiliki teks. Audio apa pun memiliki transkrip.

2. Warna dan kontras

• Teks isi memiliki rasio kontras minimal 4,5:1 dengan latar belakangnya; teks besar (18pt+) membutuhkan 3:1. Alat pemeriksa kontras gratis akan mengonfirmasi hal ini dalam hitungan detik terhadap palet warna tema Anda.
• Lencana penjualan, label "terjual habis", dan kesalahan formulir tidak hanya bergantung pada warna. Label merah "stok habis" juga memerlukan kata "stok habis" — pengguna buta warna tidak dapat membedakan merah dari hijau.
• Teks placeholder di bidang formulir bukan satu-satunya label. Teks placeholder menghilang setelah bidang diisi dan sering kali gagal memenuhi persyaratan kontras.

3. Navigasi papan ketik

• Setiap elemen interaktif — tautan navigasi, filter, "tambahkan ke troli", pemilih kuantitas, laci troli, bidang pembayaran - dapat dijangkau dan dioperasikan hanya dengan menggunakan tombol Tab dan Enter, tanpa mouse.
• Fokus terlihat. Saat Anda membuka tombol atau tautan, ada garis visual jelas yang menunjukkan di mana Anda berada. Banyak tema yang menghilangkannya demi estetikaoutline: nonedan jangan pernah menggantinya.
• Modal dan laci keranjang menjebak fokus dengan benar — Tab berputar di dalam modal terbuka, bukan ke konten halaman yang tersembunyi di baliknya — dan Escape menutupnya.

4. Formulir dan checkout

• Setiap masukan mempunyai a<label>terikat secara terprogram padanya, tidak hanya ditempatkan di dekatnya secara visual. Pembaca layar mengumumkan label saat bidang menerima fokus; tanpa koneksi, mereka tidak mengumumkan sesuatu yang berguna.
• Pesan kesalahan bersifat spesifik ("Masukkan kode pos yang valid") dan diumumkan kepada pembaca layar saat pesan tersebut muncul, tidak hanya ditampilkan dalam teks merah.
• Pekerjaan checkout dimulai hingga selesai dengan keyboard dan pembaca layar. Ini adalah satu-satunya aliran dengan nilai tertinggi yang harus diuji — ini juga penting bagi pendapatan, jadi bug di sini membuat Anda kehilangan penjualan bahkan sebelum menyebabkan Anda dikenakan tuntutan hukum.

5. Struktur dan semantik

• Judul mengikuti urutan logis (satu H1, lalu H2, lalu H3 yang bertumpuk di bawah H2 kanan) alih-alih melewatkan level untuk ukuran visual.
• Ada wilayah terkenal — header, navigasi, utama, footer — sehingga pengguna pembaca layar dapat berpindah antar bagian alih-alih mendengarkan keseluruhan halaman dari atas ke bawah.
• Tautan menjelaskan tujuannya ("Lihat kebijakan pengembalian", bukan "klik di sini" yang diulang enam kali pada satu halaman).

6. Aplikasi pihak ketiga

Ini adalah kategori yang paling banyak dilewatkan oleh pedagang Shopify. Tema Anda mungkin bersih, namun widget ulasan, popup upsell, gelembung obrolan, dan penghitung waktu mundur yang Anda pasang dari App Store sering kali tidak — dan semuanya dimuat di setiap halaman. Audit setiap aplikasi yang diinstal satu per satu; satu popup yang rusak dapat membatalkan semuanya.

7. Target sentuh seluler

• Tombol dan tautan setidaknya berukuran 44×44 piksel di perangkat seluler, dengan jarak yang cukup sehingga pengguna dengan kontrol motorik halus terbatas tidak akan salah mengetuk.

Cara menguji toko Anda

Peninjauan manual menangkap hal-hal yang terlewatkan oleh alat otomatis, dan alat otomatis menangkap hal-hal yang terlewatkan oleh tinjauan manual. Gunakan keduanya:

1. Jalankan pemindaian otomatis terlebih dahulu.Kamialat AccessScan gratismemeriksa beranda, halaman produk, dan keranjang Anda berdasarkan aturan WCAG 2.2 A/AA menggunakan axe-core, dan menandai masalah dengan peringkat tingkat keparahan dalam waktu sekitar satu menit. Ini adalah titik awal yang sangat berguna — namun pengujian otomatis biasanya hanya menangkap 30–40% hambatan nyata, jadi perlakukan pemindaian bersih sebagai dasar, bukan garis akhir.
2. Navigasikan situs Anda sendiri hanya dengan keyboard.Cabut mouse Anda selama sepuluh menit dan coba beli sesuatu.
3. Periksa lokasi dengan pembaca layar.VoiceOver dikirimkan gratis di setiap Mac dan iPhone; NVDA gratis di Windows. Anda tidak perlu fasih — lima menit di beranda dan checkout akan memunculkan masalah nyata dengan cepat.
4. Uji ulang setelah setiap pembaruan tema atau aplikasi.Aksesibilitas bukanlah proyek yang dilakukan satu kali saja. Pembaruan tema atau aplikasi baru secara diam-diam dapat memunculkan kembali masalah yang telah Anda perbaiki.

Peringatan singkat tentang widget aksesibilitas

Anda akan melihat aplikasi di Shopify App Store yang menjanjikan kepatuhan ADA instan melalui satu pemasangan skrip — biasanya berupa ikon aksesibilitas kecil di sudut situs Anda dengan menu penyesuaian tampilan. Ini disebut widget overlay, dan tidak dapat mencegah tuntutan hukum secara andal. Kami telah menulis rincian lengkapnyamengapa widget hamparan aksesibilitas tidak berfungsi sebagaimana dipasarkan— layak dibaca sebelum Anda menginstalnya daripada melakukan daftar periksa di atas.

Berapa sebenarnya biaya remediasi

Itu sepenuhnya bergantung pada seberapa jauh toko Anda saat ini. Toko dengan tema yang bersih dan modern serta beberapa aplikasi yang bermasalah mungkin memerlukan waktu pengembang yang terfokus selama beberapa hari — memberi label pada formulir, memperbaiki kontras, mengaudit aplikasi. Sebuah toko yang dibangun berdasarkan tema lama yang sangat disesuaikan dengan lusinan kesenjangan aksesibilitas yang dimasukkan ke dalam kode Liquid khusus adalah proyek yang lebih besar, lebih dekat dengan pembangunan kembali sebagian tema.

Apa pun yang terjadi, perbaikannya lebih murah daripada tuntutan hukum. Biaya pembelaan dan penyelesaian hukum untuk klaim aksesibilitas web ADA secara rutin mencapai lima angka bahkan ketika perbaikan mendasar memerlukan waktu seminggu bagi pengembang. Jika Anda menginginkan perkiraan yang tercakup,Devmerx membangun aksesibilitas ke dalam setiap tema dan migrasi yang kami berikandan dapat mengutip pekerjaan remediasi secara terpisah jika Anda sudah memiliki toko.

Pertanyaan yang Sering Diajukan

Apakah Shopify sudah sesuai dengan ADA?

Tidak ada platform yang "sesuai dengan ADA" secara default, termasuk Shopify. Checkout Shopify dan admin inti telah melakukan pekerjaan aksesibilitas, namun tema, konten, dan setiap aplikasi yang Anda instal adalah tanggung jawab Anda. Tema Shopify default masih memerlukan daftar periksa di atas untuk diterapkan pada toko spesifik Anda.

Apakah memenuhi WCAG 2.2 AA menjamin saya tidak akan dituntut?

Tidak. Kepatuhan WCAG secara signifikan mengurangi risiko Anda dan memberi Anda posisi hukum yang kuat jika klaim benar-benar diterima, namun tidak ada standar teknis yang dapat menjamin hukum. Beberapa klaim bersifat oportunistik terlepas dari seberapa patuh suatu situs. Apa yang dilakukan oleh kepatuhan WCAG adalah menghilangkan pelanggaran yang mudah dan nyata yang membuat situs menjadi sasaran empuk.

Apakah saya memerlukan halaman pernyataan aksesibilitas?

Hal ini tidak diwajibkan secara hukum, namun merupakan praktik yang baik. Halaman singkat yang menyatakan komitmen Anda terhadap aksesibilitas, mencantumkan standar yang Anda targetkan (WCAG 2.2 AA), dan memberikan metode kontak untuk melaporkan hambatan menunjukkan itikad baik dan memberi pengguna saluran selain tuntutan hukum.

Seberapa sering saya harus memeriksa ulang aksesibilitas?

Minimal, setelah setiap pembaruan tema, setiap pemasangan aplikasi baru, dan setiap dorongan konten utama (halaman koleksi baru, halaman arahan baru). Banyak toko menetapkan pengingat triwulanan untuk menjalankan pemindaian penuh meskipun tidak ada perubahan nyata.

Apakah perbaikan masalah aksesibilitas akan memperlambat toko saya?

Umumnya sebaliknya. HTML semantik, markup yang bersih, dan lebih sedikit skrip pihak ketiga yang membengkak — perbaikan yang sama yang meningkatkan aksesibilitas — cenderung meningkatkan kecepatan halaman juga. Kedua tujuan tersebut jarang bertentangan.