# Masalah aksesibilitas yang kami uji Setiap halaman menjelaskan satu masalah yang ditemukan pengujian otomatis kami: artinya, kriteria WCAG yang terkait, cara memperbaikinya di situs apa pun, di Shopify, dan di WooCommerce, serta cara mengecek perbaikannya. ## Masalah aksesibilitas - [Elemen yang disembunyikan dengan ARIA tidak boleh dapat difokuskan atau berisi elemen yang dapat difokuskan](https://www.fixreports.com/id/issues/aria-hidden-focus): WCAG 4.1.2 · Level A. Elemen yang dapat difokuskan disembunyikan dari pembaca layar tetapi masih dapat dijangkau dengan keyboard. (Atribut dan role ARIA) - [Atribut autocomplete harus digunakan dengan benar](https://www.fixreports.com/id/issues/autocomplete-valid): WCAG 1.3.5 · Level AA. Sebuah kolom formulir menggunakan nilai autocomplete yang tidak dikenali browser. (Kolom formulir tanpa label) - [Tombol harus memiliki teks yang dapat dikenali](https://www.fixreports.com/id/issues/button-name): WCAG 4.1.2 · Level A. Sebagian tombol tidak memiliki nama aksesibel, sehingga pengguna pembaca layar hanya mendengar 'tombol'. (Tautan dan tombol tanpa nama) - [Elemen harus memenuhi ambang batas minimum rasio kontras warna](https://www.fixreports.com/id/issues/color-contrast): WCAG 1.4.3 · Level AA. Sebagian teks kurang menonjol dari latar belakangnya sehingga sulit dibaca oleh orang dengan penglihatan rendah. (Kontras warna rendah) - [Dokumen harus memiliki elemen untuk membantu navigasi](https://www.fixreports.com/id/issues/document-title): WCAG 2.4.2 · Level A. Sebuah halaman tidak memiliki judul, sehingga pengguna tidak tahu sedang berada di halaman mana. (Judul halaman) - [ID yang digunakan dalam ARIA dan label harus unik](https://www.fixreports.com/id/issues/duplicate-id-aria): WCAG 4.1.2 · Level A. Beberapa elemen memakai id yang sama yang digunakan untuk memberi label atau deskripsi, sehingga teknologi asistif mungkin membacakan label yang salah. (Atribut dan role ARIA) - [Frame harus memiliki nama aksesibel](https://www.fixreports.com/id/issues/frame-title): WCAG 4.1.2 · Level A. Sebuah frame tersemat (sering kali peta, video, atau widget aplikasi) tidak memiliki judul, sehingga pengguna pembaca layar tidak tahu isinya. (Struktur halaman, heading, dan landmark) - [Level heading sebaiknya hanya naik satu tingkat](https://www.fixreports.com/id/issues/heading-order): Praktik terbaik aksesibilitas. Level heading melompat (misalnya dari H2 ke H4), sehingga struktur halaman membingungkan bagi pengguna pembaca layar. (Struktur halaman, heading, dan landmark) - [Elemen <html> harus memiliki atribut lang](https://www.fixreports.com/id/issues/html-has-lang): WCAG 3.1.1 · Level A. Halaman tidak mendeklarasikan bahasanya, sehingga pembaca layar mungkin membacanya dengan pelafalan yang salah. (Bahasa halaman) - [Elemen <html> harus memiliki nilai yang valid untuk atribut lang](https://www.fixreports.com/id/issues/html-lang-valid): WCAG 3.1.1 · Level A. Kode bahasa halaman tidak valid, sehingga pembaca layar tidak dapat memilih suara yang tepat. (Bahasa halaman) - [Gambar harus memiliki teks alternatif](https://www.fixreports.com/id/issues/image-alt): WCAG 1.1.1 · Level A. Gambar tidak memiliki alternatif teks, sehingga pengguna pembaca layar tidak tahu apa yang ditampilkannya. (Gambar tanpa alternatif teks) - [Tombol input harus memiliki teks yang dapat dikenali](https://www.fixreports.com/id/issues/input-button-name): WCAG 4.1.2 · Level A. Sebuah tombol input tidak memiliki teks, sehingga pembaca layar tidak dapat menyebutkan fungsinya. (Kolom formulir tanpa label) - [Tombol gambar harus memiliki teks alternatif](https://www.fixreports.com/id/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Level A. Sebuah tombol gambar tidak memiliki teks alt, sehingga pembaca layar tidak dapat menyebutkan fungsinya. (Gambar tanpa alternatif teks) - [Elemen formulir harus memiliki label](https://www.fixreports.com/id/issues/label): WCAG 4.1.2 · Level A. Sebagian kolom formulir tidak memiliki label, sehingga pengguna pembaca layar tidak tahu apa yang harus diisi. (Kolom formulir tanpa label) - [Dokumen sebaiknya memiliki satu landmark main](https://www.fixreports.com/id/issues/landmark-one-main): Praktik terbaik aksesibilitas. Halaman tidak memiliki landmark main, sehingga pengguna pembaca layar tidak dapat langsung melompat ke konten. (Struktur halaman, heading, dan landmark) - [Tautan harus dapat dibedakan tanpa mengandalkan warna](https://www.fixreports.com/id/issues/link-in-text-block): WCAG 1.4.1 · Level A. Tautan di dalam paragraf hanya dibedakan dengan warna, sehingga orang yang tidak dapat melihat perbedaan warna akan melewatkannya. (Kontras warna rendah) - [Tautan harus memiliki teks yang dapat dikenali](https://www.fixreports.com/id/issues/link-name): WCAG 2.4.4, 4.1.2 · Level A. Sebagian tautan tidak memiliki teks yang dapat dibacakan pembaca layar, sering kali tautan berupa ikon saja seperti ikon media sosial atau ikon keranjang. (Tautan dan tombol tanpa nama) - [Zoom dan pembesaran tidak boleh dinonaktifkan](https://www.fixreports.com/id/issues/meta-viewport): WCAG 1.4.4 · Level AA. Halaman memblokir zoom dengan cubitan (pinch-zoom) di ponsel. (Zoom dan reflow) - [Halaman sebaiknya berisi heading level satu](https://www.fixreports.com/id/issues/page-has-heading-one): Praktik terbaik aksesibilitas. Halaman tidak memiliki heading tingkat teratas. (Struktur halaman, heading, dan landmark) - [Semua konten halaman sebaiknya berada di dalam landmark](https://www.fixreports.com/id/issues/region): Praktik terbaik aksesibilitas. Sebagian konten tidak berada di dalam landmark halaman (header, nav, main, atau footer). (Struktur halaman, heading, dan landmark) - [Elemen [role="img"] dan [role="image"] harus memiliki teks alternatif](https://www.fixreports.com/id/issues/role-img-alt): WCAG 1.1.1 · Level A. Sebuah elemen yang ditampilkan sebagai gambar tidak memiliki alternatif teks. (Gambar tanpa alternatif teks) - [Area yang dapat digulir harus dapat diakses dengan keyboard](https://www.fixreports.com/id/issues/scrollable-region-focusable): WCAG 2.1.1 · Level A. Sebuah area gulir tidak dapat dijangkau dengan keyboard, sehingga pengguna keyboard tidak dapat menggulirnya. (Akses keyboard dan fokus) - [Elemen select harus memiliki nama aksesibel](https://www.fixreports.com/id/issues/select-name): WCAG 4.1.2 · Level A. Sebuah dropdown (sering kali pemilih urutan atau varian) tidak memiliki label. (Kolom formulir tanpa label) - [Elemen <svg> dengan role img atau image harus memiliki teks alternatif](https://www.fixreports.com/id/issues/svg-img-alt): WCAG 1.1.1 · Level A. Sebuah gambar SVG yang menyampaikan informasi tidak memiliki alternatif teks. (Gambar tanpa alternatif teks) - [Semua target sentuh harus berukuran 24px, atau menyisakan ruang yang cukup](https://www.fixreports.com/id/issues/target-size): WCAG 2.5.8 · Level AA. Sebagian target sentuh lebih kecil dari 24 kali 24 piksel dan terlalu berdekatan, sehingga sulit disentuh di ponsel. (Akses keyboard dan fokus)