Aksesibilitas

Cara kami membangun untuk pengguna keyboard, pembaca layar, penglihatan rendah, dan pengguna teknologi rendah. Gambaran jujur yang bertanggal.

Kami menulis halaman ini seperti selebihnya situs: apa yang berfungsi, apa yang tidak, dan cara memverifikasi sendiri. Ini bertanggal karena aksesibilitas adalah target yang bergerak. Kami menguji ulang setelah setiap rilis utama.

Pernyataan aksesibilitas resmi

Standar yang dituju

WCAG 2.2 AA di seluruh pengalaman. Perlakuan AAA pada tampilan fokus (cincin kontras tinggi tebal, tidak terhalang) dan pada pelabelan formulir + pemulihan kesalahan. Dilacak terhadap Rekomendasi W3C, bukan parafrase.

Audit internal terakhir

2026-04-19. Pemeriksaan manual oleh tim kami sendiri terhadap beranda, print-size, hub /standards/ + 9 halaman otoritas, dan 45 halaman arahan skema pembayaran.

Audit eksternal

Ditugaskan, laporan menunggu. Diterbitkan saat tiba di /accessibility/audit/ dengan catatan remediasi, kelemahan utuh, tanpa seleksi.

Frekuensi uji ulang

Pemeriksaan acak bulanan + pemeriksaan manual lengkap setelah perubahan UI utama apa pun. Pemeriksaan otomatis (linting kontras, pemindaian kriteria baru WCAG 2.2) berjalan setiap deployment.

Kontak + SLA

hello@abundera.ai, kami mengakui laporan aksesibilitas dalam 2 hari kerja, melakukan triase dalam 5 hari, dan memperlakukan pemblokir keyboard / pembaca layar / kognitif sebagai masalah prioritas (dikirim lebih dulu dari pekerjaan fitur).

Kesesuaian WCAG 2.2 AA berdasarkan kriteria keberhasilan

Kriteria baru dalam 2.2 yang kami pantau secara aktif. Status mencerminkan apa yang kami verifikasi secara internal; audit eksternal akan menggantikan.

Dukungan gerakan dan warna paksa

• prefers-reduced-motion: reduce, transisi mengambang orb ambien dan fade-in ditekan. Transisi fungsional tetap singkat. Diverifikasi dengan macOS Reduce Motion dan Windows "Tampilkan animasi" dinonaktifkan.
• forced-colors: active (Mode Kontras Tinggi Windows), cincin fokus menggunakan warna Highlight sistem; border mewarisi CanvasText sistem. Diverifikasi di Edge pada Windows 11 High Contrast.

Batasan yang diketahui

• JAWS belum diuji. Putaran AT berikutnya menargetkan JAWS di Edge pada Windows 11.
• Perancang Kartu Nama mengutamakan mouse berdasarkan desain untuk pratinjau seret-untuk-posisi. Setiap kontrol memiliki alternatif keyboard, tetapi loop umpan balik langsung masih visual. Input warna, grid preset, dan bidang hex sekarang memiliki binding ARIA eksplisit (2026-04-19).
• Laporan audit eksternal menunggu. Status yang dikonfirmasi sendiri dalam tabel di atas akan digantikan dengan temuan auditor saat laporan tiba.
• Beberapa teknologi bantu pihak ketiga (Dragon NaturallySpeaking, Speech-to-text di Android) tidak ada dalam matriks regresi kami; kami menerima laporan komunitas dan memperbaiki per tiket.

Log perubahan aksesibilitas

• 2026-04-19 (PM), Memperbaiki pemicuan ganda wilayah langsung TalkBack: aria-live="polite" dihapus dari wrapper #qr-preview; pengumuman sekarang hanya datang dari lencana kemampuan pindai role="status", sekali per generasi. Modal BCD: pemilih warna mendapat binding <label for> yang tepat (Latar Belakang, Teks, Aksen, Gradien); wadah grid preset mendapat role="group" + aria-label. Tabel aksesibilitas mendapat <caption> + scope="col"/"row", matriks WCAG 2.2 AA + AT sekarang mengumumkan dengan benar di VoiceOver, NVDA, dan TalkBack.
• 2026-04-19 (AM), Indikator fokus ditingkatkan (3 px + cadangan box-shadow). Dukungan forced-colors + prefers-reduced-motion ditambahkan. Audit ukuran target: menaikkan .saved-profile-delete, .type-search-clear, .compat-toggle-btn ke ≥ 28 px. Lompatan level judul diperbaiki (subjudul vCard/MECARD h4 → h3). Pernyataan WCAG 2.2 AA resmi + matriks AT diterbitkan.
• 2026-04-18, Pemeriksaan dasar WCAG 2.2 AA manual didokumentasikan. Strip kepercayaan empat pilar dilipat untuk hierarki yang lebih bersih.
• 2026-03-08, Halaman /accessibility/ awal diterbitkan.

Yang kami komitkan

• Navigasi keyboard penuh. Setiap kontrol generator, setiap modal, dan setiap alur ekspor dapat diakses tanpa mouse.
• Status fokus yang terlihat. Input, tombol, dan tautan yang difokuskan menampilkan cincin yang jelas. Kami tidak hanya mengandalkan warna.
• Label di setiap bidang. Input formulir memiliki elemen <label> yang terkait atau atribut aria-label. Teks placeholder tidak pernah digunakan sebagai satu-satunya label.
• Wilayah ARIA langsung untuk pratinjau QR dan toast. Pembaca layar mendengar "QR dihasilkan" dan pesan toast saat diaktifkan, bukan hanya saat fokus berpindah ke sana.
• Alternatif teks untuk tombol hanya ikon. aria-label pada setiap tombol SVG saja.
• Makna status yang tidak bergantung warna. Lencana kemampuan pindai dan chip kompatibilitas memasangkan warna dengan glyph dan label teks.
• Nama format ekspor yang eksplisit. Tombol unduh menyatakan "Unduh PNG", "Unduh SVG", dll., bukan hanya "Unduh".
• Target sentuh mobile yang besar. Elemen interaktif minimal 44 × 44 piksel CSS pada pointer kasar, per WCAG 2.5.8.
• Menghormati gerakan yang dikurangi. Transisi dinonaktifkan di bawah prefers-reduced-motion: reduce.

Di mana kami masih kurang

• JAWS belum diuji. Lisensi JAWS diperoleh, slot penguji dipesan untuk putaran AT berikutnya. Semua pembaca utama lainnya (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) telah lulus regresi terbaru.
• Perancang Kartu Nama mengandalkan mouse berdasarkan desain (seret-untuk-posisi, pratinjau kanvas). Alternatif keyboard ada untuk setiap kontrol tetapi loop umpan balik pratinjau langsung masih mengutamakan visual. Kontrol warna sekarang menggunakan binding <label for> yang tepat + role="group" pada pemilih preset (2026-04-19).
• Alur generator yang kompleks (CSV batch, wizard multi-langkah) dapat menggunakan struktur tautan lewati yang lebih baik. Direncanakan.
• Ringkasan tabel deskriptif. Tabel aksesibilitas + kompatibilitas sekarang memiliki atribut <caption> + scope (2026-04-19). Ringkasan naratif level baris yang lebih panjang untuk setiap baris masih direncanakan.

Matriks dukungan teknologi bantu

Artefak rekayasa, bukan pernyataan PR. Setiap baris adalah kombinasi browser + AT + platform nyata yang telah kami pegang secara fisik. Status mencerminkan pemeriksaan manual terbaru; catatan merekam apa pun yang masih memblokir pemeriksaan penuh.

Frekuensi rilis: matriks dijalankan ulang terhadap setiap perubahan UI utama. "Lulus" = tidak ada pemblokir; catatan adalah regresi kosmetik atau cakupan sempit yang diantrekan untuk rilis berikutnya. "Belum diuji" = kami belum menjalankan kombinasi secara fisik, kami menyatakannya daripada menghilangkan.

Peta keyboard

• Tab / Shift+Tab: bergerak maju / mundur melalui elemen yang dapat difokuskan.
• Enter / Spasi: mengaktifkan tombol dan sakelar.
• Tombol panah: bergerak di antara opsi dalam grup radio (pemilih jenis, pemilih templat, bilah tab).
• Escape: menutup modal (Perancang Kartu Nama, preflight, layanan cetak, pemotongan gambar).
• Home / End dalam menu luapan untuk melompat ke item pertama / terakhir.

Audit internal, 2026-04-19

Pemeriksaan WCAG 2.2 AA manual terhadap beranda, /print-size/, hub /standards/ baru + 9 halaman otoritas, dan 45 halaman arahan skema pembayaran (yang mewarisi dari templat bersama). Yang kami verifikasi, yang kami perbaiki, dan yang masih terbuka:

Diverifikasi lulus

• Target tautan lewati ada, tautan lewati (href="#generator") diselesaikan ke elemen yang terlihat di setiap varian halaman.
• Gaya fokus-terlihat, :focus-visible dideklarasikan secara global dengan garis 2px, ditambah penggantian per input dengan border berwarna + bayangan. Dikonfirmasi melalui audit CSS di baris 34 dan 88 dari site/css/style.c17bfd85.css.
• Semua input formulir memiliki label, setiap <input> / <select> / <textarea> dalam generator memiliki <label for="..."> yang eksplisit atau <label> yang membungkus. Placeholder-sebagai-label tidak digunakan di mana pun.
• Tombol memiliki nama yang dapat diakses, setiap <button> memiliki konten teks atau aria-label. Tombol SVG saja (hamburger, berbagi, instal) semua membawa aria-label.
• SVG dekoratif ditandai tersembunyi, aria-hidden="true" pada setiap ikon dekoratif sehingga pembaca layar melewatinya daripada mengumumkan geometrinya.
• Peran ARIA yang benar, role="radiogroup" pada pemilih jenis dengan role="radio" + aria-checked pada setiap opsi; role="tablist" / role="tab" + aria-selected pada tab panel.
• Kontras teks, teks utama adalah #f5f5f5 pada #08090a (≈ 17:1, WCAG AAA). Teks redup #a3a3a3 pada latar belakang yang sama adalah ≈ 8:1 (di atas AAA 7:1).
• Pengalih bahasa memiliki aria-label="Language" meskipun label yang terlihat bersifat implisit.

Diperbaiki dalam pemeriksaan ini

• Lompatan level judul, tiga sub-judul di dalam bagian bidang ekstra vCard / MECARD adalah <h4> di bawah <h2> tanpa <h3> di antara. Alat garis besar pembaca layar menandai ini sebagai "level yang dilewati." Diubah ke <h3> sehingga garis besar membaca h1 → h2 → h3 → h3 dengan bersih.

Batasan yang diketahui

• Pemindaian penuh Axe / NVDA / VoiceOver memerlukan browser + AT yang tidak dapat kami jalankan dari pipeline build. Pemeriksaan manual berbasis browser bulanan dijadwalkan.
• Audit independen pihak ketiga telah ditugaskan (lihat placeholder /accessibility/audit/). Laporan akan diterbitkan saat tiba meskipun mengandung temuan.
• Pintasan keyboard "/" untuk palet perintah adalah risiko tabrakan kecil pada halaman dengan bidang pencarian. Kami menggunakan preventDefault() hanya saat fokus berada di luar input; didokumentasikan tetapi belum diaudit dengan AT.

Laporkan masalah

Jika ada yang tidak dapat diakses dengan keyboard, diberi label yang salah, atau tidak dapat digunakan dengan pengaturan Anda, kirim email ke hello@abundera.ai. Sertakan browser, OS, AT, dan alur spesifik Anda. Kami memperlakukan bug aksesibilitas sebagai masalah prioritas.

Terakhir ditinjau: 2026-04-19. Tinjauan berikutnya: setelah perubahan UI utama berikutnya.