การเข้าถึง
วิธีที่เราสร้างสำหรับผู้ใช้แป้นพิมพ์ โปรแกรมอ่านหน้าจอ สายตาเลือนราง และผู้ใช้ที่ใช้เทคโนโลยีต่ำ ภาพรวมที่ซื่อสัตย์พร้อมวันที่
สิ่งที่เราให้คำมั่น
- การนำทางด้วยแป้นพิมพ์ครบถ้วน ตัวควบคุมเครื่องมือสร้าง ทุกหน้าต่าง และทุกขั้นตอนการส่งออกสามารถเข้าถึงได้โดยไม่ต้องใช้เมาส์
- สถานะโฟกัสที่มองเห็นได้ อินพุต ปุ่ม และลิงก์ที่อยู่ในโฟกัสแสดงวงสีชัดเจน เราไม่พึ่งพาสีเพียงอย่างเดียว
- ป้ายกำกับในทุกฟิลด์ อินพุตแบบฟอร์มมีองค์ประกอบ
<label>หรือแอตทริบิวต์aria-labelที่เชื่อมโยงอยู่ ข้อความ placeholder ไม่เคยใช้เป็นป้ายกำกับเพียงอย่างเดียว - ARIA live regions สำหรับ QR preview และ toast โปรแกรมอ่านหน้าจอได้ยิน "QR ถูกสร้างแล้ว" และข้อความ toast เมื่อเกิดขึ้น ไม่ใช่แค่เมื่อโฟกัสย้ายไปยังองค์ประกอบเหล่านั้น
- ข้อความทางเลือกสำหรับปุ่มที่มีเฉพาะไอคอน
aria-labelบนทุกปุ่มที่มีแต่ SVG - ความหมายสถานะที่ไม่ขึ้นกับสี แบดจ์ความสามารถในการสแกนและชิปความเข้ากันได้จับคู่สีกับสัญลักษณ์และป้ายข้อความ
- ชื่อรูปแบบการส่งออกที่ชัดเจน ปุ่มดาวน์โหลดระบุว่า "ดาวน์โหลด PNG", "ดาวน์โหลด SVG" เป็นต้น ไม่ใช่แค่ "ดาวน์โหลด"
- พื้นที่แตะขนาดใหญ่บนมือถือ องค์ประกอบโต้ตอบมีขนาดอย่างน้อย 44 × 44 CSS pixels บนตัวชี้แบบหยาบ ตามมาตรฐาน WCAG 2.5.8
- รองรับ reduced-motion การเปลี่ยนแปลงถูกปิดใช้งานภายใต้
prefers-reduced-motion: reduce
จุดที่เรายังบกพร่อง
- การทดสอบด้วยโปรแกรมอ่านหน้าจอยังไม่ครอบคลุม เครื่องมือสร้างได้รับการทดสอบด้วย VoiceOver (macOS/iOS) และ NVDA แต่ JAWS และ TalkBack ยังต้องการเวลาเพิ่มเติม
- Business Card Designer ออกแบบมาให้ใช้เมาส์เป็นหลัก (ลากเพื่อวางตำแหน่ง ตัวอย่าง canvas) มีทางเลือกแป้นพิมพ์สำหรับทุกตัวควบคุม แต่ลูปป้อนข้อมูล live-preview ยังคงเน้นภาพเป็นหลัก
- ขั้นตอนเครื่องมือสร้างที่ซับซ้อน (batch CSV, wizard หลายขั้นตอน) ควรมีโครงสร้าง skip-link ที่ดีกว่า อยู่ในแผนงาน
- เมทริกซ์ความเข้ากันได้ของเรา ปัจจุบันนำเสนอในรูปแบบตาราง HTML หัวคอลัมน์โปรแกรมอ่านหน้าจอทำงานได้ แต่เราต้องการเพิ่มสรุปคำอธิบายยาวสำหรับแต่ละแถว
เบราว์เซอร์และเทคโนโลยีช่วยเหลือที่ทดสอบ
การทดสอบเต็มรูปแบบล่าสุด: เมษายน 2026 ระหว่างการทดสอบ เราตรวจสอบจุดสำคัญหลังการเปลี่ยนแปลง UI ที่สำคัญ
| เบราว์เซอร์ | AT | แพลตฟอร์ม | สถานะ |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | ทดสอบแล้ว ผ่าน |
| Firefox | NVDA | Windows 11 | ทดสอบแล้ว ผ่าน |
| Chrome | NVDA | Windows 11 | ทดสอบแล้ว ผ่าน |
| Chrome | ChromeVox | ChromeOS | ตรวจสอบเบื้องต้น |
| Chrome | TalkBack | Android 14, 15 | ตรวจสอบเบื้องต้น |
| Edge | Narrator | Windows 11 | ตรวจสอบเบื้องต้น |
| Safari | JAWS | Windows 11 | ยังไม่ได้ทดสอบ |
แผนผังแป้นพิมพ์
- Tab / Shift+Tab: เลื่อนไปข้างหน้า / ถอยหลังผ่านองค์ประกอบที่โฟกัสได้
- Enter / Space: เปิดใช้งานปุ่มและสวิตช์
- ปุ่มลูกศร: เลื่อนระหว่างตัวเลือกในกลุ่ม radio (ตัวเลือกประเภท ตัวเลือกเทมเพลต แถบแท็บ)
- Escape: ปิดหน้าต่าง (Business Card Designer, preflight, บริการพิมพ์, ครอบตัดรูปภาพ)
- Home / End ในเมนูแบบ overflow ข้ามไปยังรายการแรก / รายการสุดท้าย
รายงานปัญหา
หากบางสิ่งไม่สามารถเข้าถึงได้ด้วยแป้นพิมพ์ มีป้ายกำกับผิด หรือใช้งานไม่ได้กับการตั้งค่าของคุณ ส่งอีเมลมาที่ hello@abundera.ai ระบุเบราว์เซอร์ ระบบปฏิบัติการ AT และขั้นตอนที่เฉพาะเจาะจง เราถือว่าข้อบกพร่องด้านการเข้าถึงเป็นปัญหาลำดับความสำคัญสูง