Kebolehaksesan

Cara kami membina untuk pengguna papan kekunci, pembaca skrin, penglihatan rendah, dan pengguna teknologi rendah. Gambaran jujur yang bertarikh.

Kami menulis halaman ini seperti selebihnya laman web: apa yang berfungsi, apa yang tidak, dan cara mengesahkan sendiri. Ia bertarikh kerana kebolehaksesan adalah sasaran yang bergerak. Kami menguji semula selepas setiap keluaran utama.

Pernyataan kebolehaksesan rasmi

Piawaian yang disasarkan

WCAG 2.2 AA sepanjang keseluruhan pengalaman. Rawatan AAA pada penampilan fokus (cincin kontras tinggi tebal, tidak tersembunyi) dan pada pelabelan borang + pemulihan ralat. Dijejaki mengikut Cadangan W3C, bukan parafrasa.

Audit dalaman terakhir

2026-04-19. Lulus manual oleh pasukan kami sendiri terhadap laman utama, print-size, hab /standards/ + 9 halaman autoriti, dan 45 halaman pendaratan skim pembayaran.

Audit luar

Ditugaskan, laporan dalam proses. Diterbitkan apabila tiba di /accessibility/audit/ dengan nota pemulihan, kelemahan utuh, tiada pemilihan.

Kekerapan ujian semula

Semakan rawak bulanan + lulus manual penuh selepas sebarang perubahan UI utama. Semakan automatik (linting kontras, imbasan kriteria baharu WCAG 2.2) dijalankan pada setiap penggunaan.

Hubungi + SLA

hello@abundera.ai, kami mengakui laporan kebolehaksesan dalam masa 2 hari bekerja, mengklasifikasikan dalam masa 5 hari, dan menganggap penyekat papan kekunci / pembaca skrin / kognitif sebagai isu keutamaan.

Pematuhan WCAG 2.2 AA mengikut kriteria kejayaan

Kriteria baharu dalam 2.2 yang kami pantau secara aktif. Status mencerminkan apa yang kami sahkan secara dalaman; audit luar akan menggantikan.

Sokongan untuk pergerakan dan warna yang dipaksa

• prefers-reduced-motion: reduce, peralihan terapung orb ambien dan pudar masuk ditindas. Peralihan fungsional kekal singkat. Disahkan dengan macOS Reduce Motion dan Windows "Tunjukkan animasi" dilumpuhkan.
• forced-colors: active (Mod Kontras Tinggi Windows), cincin fokus menggunakan warna Highlight sistem; sempadan mewarisi CanvasText sistem. Disahkan dalam Edge pada Windows 11 High Contrast.

Had yang diketahui

• JAWS belum diuji. Pusingan AT seterusnya menyasarkan JAWS pada Edge pada Windows 11.
• Pereka Kad Perniagaan adalah mengutamakan tetikus mengikut reka bentuk untuk pratonton seret-untuk-letakkan. Setiap kawalan mempunyai alternatif papan kekunci, tetapi gelung maklum balas langsung masih visual.
• Laporan audit luar dalam proses. Status yang disahkan sendiri dalam jadual di atas akan digantikan dengan penemuan juruaudit apabila laporan tiba.
• Beberapa teknologi bantuan pihak ketiga (Dragon NaturallySpeaking, Pertuturan-kepada-teks pada Android) tidak ada dalam matriks regresi kami; kami menerima laporan komuniti dan membetulkan mengikut tiket.

Log perubahan kebolehaksesan

• 2026-04-19 (PTG), Diperbaiki pencetus berganda kawasan langsung TalkBack: aria-live="polite" dialih keluar dari pembungkus #qr-preview; pengumuman kini hanya datang dari lencana kebolehimbasan role="status", sekali setiap penjanaan. Modal BCD: pemilih warna mendapat pengikatan <label for> yang betul; bekas grid praset mendapat role="group" + aria-label. Jadual kebolehaksesan mendapat <caption> + scope="col"/"row".
• 2026-04-19 (PAGI), Penunjuk fokus dinaik taraf (3 px + sandaran box-shadow). Sokongan forced-colors + prefers-reduced-motion ditambah. Audit saiz sasaran: menaikkan .saved-profile-delete, .type-search-clear, .compat-toggle-btn kepada ≥ 28 px. Lompatan aras tajuk diperbaiki (subtajuk vCard/MECARD h4 → h3). Pernyataan WCAG 2.2 AA rasmi + matriks AT diterbitkan.
• 2026-04-18, Lulus garis dasar WCAG 2.2 AA manual didokumentasikan. Jalur kepercayaan empat tiang dilipat untuk hierarki yang lebih bersih.
• 2026-03-08, Halaman /accessibility/ awal diterbitkan.

Yang kami komitkan

• Traversal papan kekunci penuh. Setiap kawalan penjana, setiap modal, dan setiap aliran eksport boleh dicapai tanpa tetikus.
• Keadaan fokus yang kelihatan. Input, butang, dan pautan yang difokuskan menunjukkan cincin yang jelas. Kami tidak bergantung pada warna sahaja.
• Label pada setiap medan. Input borang mempunyai elemen <label> yang dikaitkan atau atribut aria-label. Teks pemegang tempat tidak pernah digunakan sebagai satu-satunya label.
• Kawasan ARIA langsung untuk pratonton QR dan toast. Pembaca skrin mendengar "QR dijana" dan mesej toast apabila ia diaktifkan.
• Alternatif teks untuk butang ikon sahaja. aria-label pada setiap butang SVG sahaja.
• Makna status yang bebas warna. Lencana kebolehimbasan dan cip keserasian memasangkan warna dengan glyph dan label teks.
• Nama format eksport yang jelas. Butang muat turun menyatakan "Muat Turun PNG", "Muat Turun SVG", dll., bukan hanya "Muat Turun".
• Sasaran ketuk mudah alih yang besar. Elemen interaktif sekurang-kurangnya 44 × 44 piksel CSS pada penunjuk kasar, mengikut WCAG 2.5.8.
• Menghormati gerakan yang dikurangkan. Peralihan dilumpuhkan di bawah prefers-reduced-motion: reduce.

Di mana kami masih kurang

• JAWS belum diuji. Lesen JAWS diperoleh, slot penguji ditempah untuk pusingan AT seterusnya. Semua yang lain utama (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) telah lulus regresi terbaru.
• Pereka Kad Perniagaan mengutamakan tetikus mengikut reka bentuk (seret-untuk-letakkan, pratonton kanvas). Alternatif papan kekunci wujud untuk setiap kawalan tetapi gelung maklum balas pratonton langsung masih mengutamakan visual. Kawalan warna kini menggunakan pengikatan <label for> yang betul + role="group" pada pemilih praset (2026-04-19).
• Aliran penjana yang kompleks (CSV kelompok, wizard berbilang langkah) boleh menggunakan struktur pautan lompat yang lebih baik. Dirancang.
• Ringkasan jadual yang deskriptif. Jadual kebolehaksesan + keserasian kini mempunyai atribut <caption> + scope (2026-04-19). Ringkasan naratif peringkat baris yang lebih panjang untuk setiap baris masih dirancang.

Matriks sokongan teknologi bantuan

Artifak kejuruteraan, bukan pernyataan PR. Setiap baris adalah gabungan pelayar + AT + platform sebenar yang telah kami pegang secara fizikal. Status mencerminkan lulus manual terbaru; amaran merekod apa sahaja yang masih menghalang lulus penuh.

Kekerapan keluaran: matriks dijalankan semula terhadap setiap perubahan UI utama. "Lulus" = tiada penyekat; amaran adalah regresi kosmetik atau skop sempit yang berada dalam giliran untuk keluaran seterusnya. "Tidak diuji" = kami belum menjalankan gabungan secara fizikal, kami menyatakannya berbanding meninggalkannya.

Peta papan kekunci

• Tab / Shift+Tab: bergerak maju / ke belakang melalui elemen yang boleh difokuskan.
• Enter / Ruang: mengaktifkan butang dan togol.
• Kekunci anak panah: bergerak antara pilihan dalam kumpulan radio (pemilih jenis, pemilih templat, bar tab).
• Escape: menutup modal (Pereka Kad Perniagaan, preflight, perkhidmatan cetak, pangkas imej).
• Home / End dalam menu limpahan untuk melompat ke item pertama / terakhir.

Audit dalaman, 2026-04-19

Lulus WCAG 2.2 AA manual terhadap laman utama, /print-size/, hab /standards/ baharu + 9 halaman autoriti, dan 45 halaman pendaratan skim pembayaran (yang mewarisi dari templat dikongsi). Yang kami sahkan, yang kami betulkan, dan yang masih terbuka:

Disahkan lulus

• Sasaran pautan lompat wujud, pautan lompat (href="#generator") diselesaikan kepada elemen kelihatan pada setiap varian halaman.
• Gaya fokus-kelihatan, :focus-visible diisytiharkan secara global dengan garisan 2px, ditambah override setiap input dengan sempadan berwarna + bayangan. Disahkan melalui audit CSS pada baris 34 dan 88 site/css/style.c17bfd85.css.
• Semua input borang mempunyai label, setiap <input> / <select> / <textarea> dalam penjana mempunyai sama ada <label for="..."> yang jelas atau <label> yang membungkus. Pemegang tempat-sebagai-label tidak digunakan di mana-mana.
• Butang mempunyai nama boleh akses, setiap <button> mempunyai kandungan teks atau aria-label. Butang SVG sahaja (hamburger, kongsi, pasang) semuanya membawa aria-label.
• SVG hiasan ditandakan sebagai tersembunyi, aria-hidden="true" pada setiap ikon hiasan supaya pembaca skrin melangkauinya dan bukannya mengumumkan geometri mereka.
• Peranan ARIA yang betul, role="radiogroup" pada pemilih jenis dengan role="radio" + aria-checked pada setiap pilihan; role="tablist" / role="tab" + aria-selected pada tab panel.
• Kontras teks, teks utama ialah #f5f5f5 pada #08090a (≈ 17:1, WCAG AAA). Teks redam #a3a3a3 pada latar belakang yang sama ialah ≈ 8:1 (melebihi AAA 7:1).
• Penukaran bahasa mempunyai aria-label="Language" walaupun label kelihatan adalah tersirat.

Diperbaiki dalam lulus ini

• Lompatan aras tajuk, tiga subtajuk dalam bahagian medan tambahan vCard / MECARD adalah <h4> di bawah <h2> tanpa <h3> pertengahan. Alat garis besar pembaca skrin menandakannya sebagai "aras dilangkau". Ditukar kepada <h3> supaya garis besar membaca h1 → h2 → h3 → h3 dengan bersih.

Had yang diketahui

• Imbasan penuh Axe / NVDA / VoiceOver memerlukan pelayar + AT yang tidak dapat kami jalankan dari saluran paip binaan. Lulus berasaskan pelayar manual bulanan dijadualkan.
• Audit bebas pihak ketiga ditugaskan (lihat pemegang tempat /accessibility/audit/). Laporan akan diterbitkan apabila tiba walaupun mengandungi penemuan.
• Pintasan papan kekunci "/" untuk palet perintah adalah risiko perlanggaran kecil pada halaman dengan medan carian. Kami menggunakan preventDefault() hanya apabila fokus berada di luar input; didokumentasikan tetapi belum diaudit dengan AT.

Laporkan isu

Jika sesuatu tidak boleh dicapai dengan papan kekunci, dilabelkan dengan salah, atau tidak dapat digunakan dengan persediaan anda, e-mel hello@abundera.ai. Sertakan pelayar, OS, AT, dan aliran khusus anda. Kami menganggap pepijat kebolehaksesan sebagai isu keutamaan.

Dikaji semula terakhir: 2026-04-19. Kajian semula seterusnya: selepas perubahan UI utama seterusnya.