# Isu kebolehcapaian yang kami uji Setiap halaman menerangkan satu masalah yang ditemui oleh ujian automatik kami: maksudnya, kriteria WCAG yang berkaitan, cara membaikinya di mana-mana laman, di Shopify dan di WooCommerce, serta cara menyemak pembaikan itu. ## Isu kebolehcapaian - [Elemen tersembunyi ARIA tidak boleh menerima fokus atau mengandungi elemen yang boleh difokuskan](https://www.fixreports.com/ms/issues/aria-hidden-focus): WCAG 4.1.2 · Tahap A. Elemen yang boleh difokuskan disembunyikan daripada pembaca skrin tetapi masih boleh dicapai dengan papan kekunci. (Atribut dan peranan ARIA) - [Atribut autocomplete mesti digunakan dengan betul](https://www.fixreports.com/ms/issues/autocomplete-valid): WCAG 1.3.5 · Tahap AA. Medan borang menggunakan nilai autocomplete yang tidak dikenali oleh pelayar. (Medan borang tanpa label) - [Butang mesti mempunyai teks yang boleh dikenal pasti](https://www.fixreports.com/ms/issues/button-name): WCAG 4.1.2 · Tahap A. Sesetengah butang tiada nama boleh capai, jadi pengguna pembaca skrin hanya mendengar 'butang'. (Pautan dan butang tanpa nama) - [Elemen mesti memenuhi ambang minimum nisbah kontras warna](https://www.fixreports.com/ms/issues/color-contrast): WCAG 1.4.3 · Tahap AA. Sesetengah teks tidak cukup menonjol daripada latar belakangnya untuk dibaca oleh orang yang mempunyai penglihatan terhad. (Kontras warna rendah) - [Dokumen mesti mempunyai elemen untuk membantu navigasi](https://www.fixreports.com/ms/issues/document-title): WCAG 2.4.2 · Tahap A. Sesuatu halaman tiada tajuk, jadi pengguna tidak dapat mengetahui halaman yang sedang mereka lihat. (Tajuk halaman) - [ID yang digunakan dalam ARIA dan label mesti unik](https://www.fixreports.com/ms/issues/duplicate-id-aria): WCAG 4.1.2 · Tahap A. Beberapa elemen berkongsi id yang melabel atau menerangkan sesuatu, jadi teknologi bantuan mungkin membaca label yang salah. (Atribut dan peranan ARIA) - [Bingkai mesti mempunyai nama boleh capai](https://www.fixreports.com/ms/issues/frame-title): WCAG 4.1.2 · Tahap A. Bingkai terbenam (selalunya peta, video atau widget aplikasi) tiada tajuk, jadi pengguna pembaca skrin tidak tahu kandungannya. (Struktur halaman, heading dan landmark) - [Tahap heading sepatutnya hanya meningkat satu tahap pada satu masa](https://www.fixreports.com/ms/issues/heading-order): Amalan terbaik kebolehcapaian. Tahap heading melangkau (contohnya dari H2 ke H4), yang menjadikan struktur halaman mengelirukan bagi pengguna pembaca skrin. (Struktur halaman, heading dan landmark) - [Elemen <html> mesti mempunyai atribut lang](https://www.fixreports.com/ms/issues/html-has-lang): WCAG 3.1.1 · Tahap A. Halaman tidak mengisytiharkan bahasanya, jadi pembaca skrin mungkin membacanya dengan sebutan yang salah. (Bahasa halaman) - [Elemen <html> mesti mempunyai nilai yang sah untuk atribut lang](https://www.fixreports.com/ms/issues/html-lang-valid): WCAG 3.1.1 · Tahap A. Kod bahasa halaman tidak sah, jadi pembaca skrin tidak dapat memilih suara yang betul. (Bahasa halaman) - [Imej mesti mempunyai teks alternatif](https://www.fixreports.com/ms/issues/image-alt): WCAG 1.1.1 · Tahap A. Imej tiada alternatif teks, jadi pengguna pembaca skrin tidak tahu apa yang dipaparkannya. (Imej tanpa alternatif teks) - [Butang input mesti mempunyai teks yang boleh dikenal pasti](https://www.fixreports.com/ms/issues/input-button-name): WCAG 4.1.2 · Tahap A. Butang input tiada teks, jadi pembaca skrin tidak dapat menyatakan fungsinya. (Medan borang tanpa label) - [Butang imej mesti mempunyai teks alternatif](https://www.fixreports.com/ms/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Tahap A. Butang imej tiada teks alt, jadi pembaca skrin tidak dapat menyatakan fungsinya. (Imej tanpa alternatif teks) - [Elemen borang mesti mempunyai label](https://www.fixreports.com/ms/issues/label): WCAG 4.1.2 · Tahap A. Sesetengah medan borang tiada label, jadi pengguna pembaca skrin tidak tahu apa yang perlu dimasukkan. (Medan borang tanpa label) - [Dokumen sepatutnya mempunyai satu landmark main](https://www.fixreports.com/ms/issues/landmark-one-main): Amalan terbaik kebolehcapaian. Halaman tiada landmark main, jadi pengguna pembaca skrin tidak dapat melompat terus ke kandungan. (Struktur halaman, heading dan landmark) - [Pautan mesti boleh dibezakan tanpa bergantung pada warna](https://www.fixreports.com/ms/issues/link-in-text-block): WCAG 1.4.1 · Tahap A. Pautan di dalam perenggan hanya dibezakan dengan warna, jadi orang yang tidak dapat melihat perbezaan warna akan terlepas pandang. (Kontras warna rendah) - [Pautan mesti mempunyai teks yang boleh dikenal pasti](https://www.fixreports.com/ms/issues/link-name): WCAG 2.4.4, 4.1.2 · Tahap A. Sesetengah pautan tiada teks yang boleh diumumkan oleh pembaca skrin, selalunya pautan ikon sahaja seperti ikon media sosial atau ikon troli. (Pautan dan butang tanpa nama) - [Zum dan pembesaran tidak boleh dilumpuhkan](https://www.fixreports.com/ms/issues/meta-viewport): WCAG 1.4.4 · Tahap AA. Halaman menyekat zum cubit pada mudah alih. (Zum dan aliran semula) - [Halaman sepatutnya mengandungi heading tahap satu](https://www.fixreports.com/ms/issues/page-has-heading-one): Amalan terbaik kebolehcapaian. Halaman tiada heading peringkat teratas. (Struktur halaman, heading dan landmark) - [Semua kandungan halaman sepatutnya berada di dalam landmark](https://www.fixreports.com/ms/issues/region): Amalan terbaik kebolehcapaian. Sesetengah kandungan tidak berada di dalam landmark halaman (header, nav, main atau footer). (Struktur halaman, heading dan landmark) - [Elemen [role="img"] dan [role="image"] mesti mempunyai teks alternatif](https://www.fixreports.com/ms/issues/role-img-alt): WCAG 1.1.1 · Tahap A. Elemen yang dipersembahkan sebagai imej tiada alternatif teks. (Imej tanpa alternatif teks) - [Kawasan boleh tatal mesti boleh diakses dengan papan kekunci](https://www.fixreports.com/ms/issues/scrollable-region-focusable): WCAG 2.1.1 · Tahap A. Kawasan tatal tidak dapat dicapai dengan papan kekunci, jadi pengguna papan kekunci tidak dapat menatalnya. (Akses papan kekunci dan fokus) - [Elemen select mesti mempunyai nama boleh capai](https://www.fixreports.com/ms/issues/select-name): WCAG 4.1.2 · Tahap A. Menu lungsur (selalunya pemilih isihan atau varian) tiada label. (Medan borang tanpa label) - [Elemen <svg> dengan peranan img atau image mesti mempunyai teks alternatif](https://www.fixreports.com/ms/issues/svg-img-alt): WCAG 1.1.1 · Tahap A. Imej SVG yang menyampaikan maklumat tiada alternatif teks. (Imej tanpa alternatif teks) - [Semua sasaran sentuhan mesti bersaiz 24px, atau mempunyai ruang yang mencukupi](https://www.fixreports.com/ms/issues/target-size): WCAG 2.5.8 · Tahap AA. Sesetengah sasaran ketikan lebih kecil daripada 24 kali 24 piksel dan terlalu rapat antara satu sama lain, menjadikannya sukar diketik pada telefon. (Akses papan kekunci dan fokus)