Khả năng tiếp cận
Cách chúng tôi xây dựng cho người dùng bàn phím, trình đọc màn hình, người dùng khiếm thị và thiết bị đơn giản. Ảnh chụp thực tế, có ngày tháng.
Những gì chúng tôi cam kết
- Điều hướng hoàn toàn bằng bàn phím. Mọi điều khiển bộ tạo, mọi hộp thoại, và mọi luồng xuất đều có thể truy cập mà không cần chuột.
- Trạng thái tiêu điểm hiển thị rõ ràng. Các trường nhập, nút và liên kết đang được tiêu điểm hiển thị viền rõ ràng. Chúng tôi không chỉ dựa vào màu sắc.
- Nhãn cho mọi trường. Các trường nhập biểu mẫu có các phần tử
<label>liên kết hoặc thuộc tínharia-label. Văn bản placeholder không bao giờ được dùng làm nhãn duy nhất. - Vùng trực tiếp ARIA cho xem trước QR và thông báo toast. Trình đọc màn hình nghe thấy "QR đã được tạo" và các thông báo toast khi chúng kích hoạt, không chỉ khi tiêu điểm di chuyển đến chúng.
- Văn bản thay thế cho các nút chỉ có biểu tượng.
aria-labeltrên mọi nút chỉ có SVG. - Ý nghĩa trạng thái không phụ thuộc màu sắc. Huy hiệu khả năng quét và chip tương thích kết hợp màu sắc với ký hiệu và nhãn văn bản.
- Tên định dạng xuất rõ ràng. Các nút tải xuống ghi "Tải xuống PNG", "Tải xuống SVG", v.v., không chỉ "Tải xuống".
- Vùng nhấn lớn trên điện thoại. Các phần tử tương tác có ít nhất 44 × 44 pixel CSS trên con trỏ thô, theo WCAG 2.5.8.
- Tôn trọng chuyển động giảm. Các hiệu ứng chuyển tiếp bị vô hiệu hóa theo
prefers-reduced-motion: reduce.
Những điểm chúng tôi vẫn chưa đạt được
- Phạm vi kiểm tra trình đọc màn hình không đồng đều. Bộ tạo đã được kiểm tra với VoiceOver (macOS/iOS) và NVDA. JAWS và TalkBack cần thêm thời gian.
- Trình thiết kế danh thiếp nặng về chuột theo thiết kế (kéo để định vị, xem trước canvas). Các phương án bàn phím tồn tại cho mọi điều khiển nhưng vòng phản hồi xem trước trực tiếp vẫn ưu tiên hình ảnh.
- Các luồng tạo phức tạp (CSV hàng loạt, trình hướng dẫn nhiều bước) có thể cần cấu trúc liên kết bỏ qua tốt hơn. Đang được lên kế hoạch.
- Ma trận tương thích của chúng tôi hiện được trình bày dưới dạng bảng HTML. Tiêu đề cột cho trình đọc màn hình hoạt động, nhưng chúng tôi muốn thêm các bản tóm tắt mô tả dài hơn cho mỗi hàng.
Trình duyệt và công nghệ hỗ trợ đã kiểm tra
Lần kiểm tra đầy đủ cuối cùng: Tháng 4 năm 2026. Giữa các lần kiểm tra, chúng tôi kiểm tra điểm sau các thay đổi giao diện người dùng đáng kể.
| Trình duyệt | AT | Nền tảng | Trạng thái |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Đã kiểm tra, đạt |
| Firefox | NVDA | Windows 11 | Đã kiểm tra, đạt |
| Chrome | NVDA | Windows 11 | Đã kiểm tra, đạt |
| Chrome | ChromeVox | ChromeOS | Kiểm tra điểm |
| Chrome | TalkBack | Android 14, 15 | Kiểm tra điểm |
| Edge | Narrator | Windows 11 | Kiểm tra điểm |
| Safari | JAWS | Windows 11 | Chưa kiểm tra |
Bản đồ bàn phím
- Tab / Shift+Tab: di chuyển tiến / lùi qua các phần tử có thể tiêu điểm.
- Enter / Space: kích hoạt các nút và công tắc.
- Các phím mũi tên: di chuyển giữa các tùy chọn trong nhóm radio (bộ chọn loại, bộ chọn mẫu, thanh tab).
- Escape: đóng hộp thoại (Trình thiết kế danh thiếp, kiểm tra sơ bộ, dịch vụ in, cắt ảnh).
- Home / End trong menu tràn nhảy đến mục đầu tiên / cuối cùng.
Báo cáo sự cố
Nếu một cái gì đó không thể truy cập bằng bàn phím, bị gán nhãn sai, hoặc không thể sử dụng với thiết lập của bạn, hãy gửi email đến hello@abundera.ai. Bao gồm trình duyệt, hệ điều hành, AT của bạn và luồng cụ thể. Chúng tôi coi lỗi khả năng tiếp cận là vấn đề ưu tiên.