Laporan perbaikan

Laporan Perbaikan Aksesibilitas

Kami menguji website Anda terhadap WCAG 2.2 A dan AA di browser sungguhan, menelusuri alur utamanya hanya dengan keyboard (di toko online, sampai tombol checkout), dan memberi developer Anda perubahan untuk setiap hambatan, yang disusun dari markup Anda sendiri.

  • Hingga 25 halaman diuji
  • Uji perjalanan keyboard
  • Termasuk 5 uji ulang

Yang kami periksa

  • Aturan WCAG 2.2 A dan AA

    Uji otomatis axe-core pada halaman-halaman penting Anda dan hingga 20 halaman tambahan dari sitemap Anda: teks alt, kontras warna, nama untuk tombol dan tautan, label formulir, heading, landmark, dan ARIA.

  • Uji perjalanan keyboard

    Hanya menggunakan keyboard: di toko online, dari halaman beranda ke produk, opsi, Tambah ke keranjang, dan keranjang, lalu berhenti di tombol checkout; di situs lain, dari halaman beranda ke halaman penting, call to action utamanya, dan kolom formulirnya. Tidak ada yang pernah dikirim.

  • Jebakan fokus dan fokus yang terlihat

    Apakah fokus terjebak, misalnya di banner cookie, dan apakah pengunjung dapat melihat posisinya.

  • Reflow ponsel pada 320 px

    Apakah halaman perlu digulir ke samping di ponsel kecil (WCAG 1.4.10).

  • Peta klaim surat somasi

    Jika Anda menempelkan surat, setiap klaim dicocokkan dengan apa yang direproduksi pengujian kami, dengan jumlah kemunculan per halaman.

  • Item untuk dicek manusia

    Hal yang ditandai oleh pengujian tetapi tidak dapat diputuskan, seperti teks di atas gambar, beserta cara memeriksa masing-masing.

Yang Anda dapatkan

  • Daftar prioritas: perbaiki dulu, perbaiki berikutnya, tingkatkan
  • Kode sebelum dan sesudah yang disusun dari setiap elemen yang gagal
  • Langkah untuk Shopify, WordPress, WooCommerce, atau platform yang kami deteksi
  • Prompt AI siap pakai untuk setiap temuan
  • Tangkapan layar dengan elemen yang gagal ditandai
  • Draf pernyataan aksesibilitas dan log bukti
  • 5 uji ulang untuk memastikan perbaikan Anda, serta PDF

Cara laporan dibuat

  1. 1

    Lima halaman dari pemindaian gratis Anda, ditambah hingga 20 halaman lagi dari sitemap Anda, dimuat di Chromium dan diuji dengan axe-core.

  2. 2

    Sesi browser terpisah menelusuri alur utama situs hanya dengan keyboard dan mencatat setiap langkah, dengan tangkapan layar di bagian yang gagal.

  3. 3

    Setiap kegagalan mendapat perbaikan yang ditulis untuk platform Anda, lalu laporan disusun dan dikirim ke email Anda.

Temuan dari contoh laporan

Hasil nyata untuk Harbor & Pine, toko fiktif yang kami buat dengan masalah-masalah umum.

Buka contoh laporan lengkap
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Yang tidak dicakup

  • Keluaran pembaca layar, teks keterangan (caption), dan audiodeskripsi (daftar periksa manual disertakan)
  • Checkout, pembayaran, dan pengiriman formulir
  • Halaman di balik login
  • Nasihat hukum, atau sertifikat kepatuhan ADA maupun EAA

Pertanyaan tentang laporan ini

Apakah ini audit WCAG lengkap?

Ini adalah audit otomatis ditambah uji perjalanan keyboard. Uji otomatis hanya menemukan sebagian masalah WCAG di sebuah situs, jadi laporan juga mencantumkan apa yang perlu dicek manusia dan cara melakukannya.

Apakah laporan ini membantu menghadapi surat somasi ADA?

Jika Anda menempelkan surat, laporan menunjukkan klaim mana yang direproduksi pengujian kami di website Anda, lengkap dengan bukti. Ini catatan faktual, bukan nasihat hukum; bicarakan surat itu sendiri dengan pengacara.

Untuk platform apa saja kodenya berlaku?

Perbaikan ditulis untuk platform yang kami deteksi: tema Shopify, WordPress dan WooCommerce, Webflow, BigCommerce, Wix, Squarespace, framework seperti Next.js, atau HTML biasa. Jika kami tidak dapat melihat kode sumber Anda, lokasi file diberikan sebagai petunjuk.

Apa itu 5 uji ulang?

Setelah developer Anda melakukan perubahan, Anda dapat menjalankan pemeriksaan yang sama lagi dari laporan, hingga lima kali, dan melihat masalah mana yang tidak lagi tereproduksi.

Pindai website Anda hari ini

Temukan. Perbaiki. Verifikasi.

Ini situs web jenis apa?

Jawaban Anda memilih pemeriksaan yang tepat, seperti alur belanja untuk toko online. Kami tetap memeriksa bukti dari situs itu sendiri dan menampilkan keduanya.

Ini situs web jenis apa?

Pemindaian gratis. Tidak perlu kartu kredit.