Share via

Tạo ứng dụng canvas có thể truy cập

  • Bài viết

Một ứng dụng canvas truy cập được sẽ giúp người dùng khiếm khuyết về thị giác, thính giác và các loại khiếm khuyết khác sử dụng được ứng dụng. Ngoài việc là một yêu cầu đối với nhiều chính phủ và tổ chức, việc làm theo các hướng dẫn dưới đây sẽ tăng khả năng sử dụng cho tất cả người dùng, bất kể năng lực của họ.

Sử dụng Trình kiểm tra trợ năng để xem lại các vấn đề về trợ năng tiềm ẩn trong ứng dụng của bạn.

Bố cục và màu

Thường thức và thiết kế không phức tạp giúp ứng dụng dễ tiếp cận hơn với tất cả người dùng. Khi thực hiện nhiều tùy chỉnh của ứng dụng, hãy lưu ý những gợi ý dưới đây. Các chủ đề Power Apps được thiết kế để đáp ứng các tiêu chuẩn về trợ năng.

  • Đảm bảo tất cả các thành phần đều hiển thị rõ và văn bản có đủ kích thước. Tất cả nội dung phải dễ đọc và hiểu bằng mắt thường.
  • Đảm bảo các thành phần nhập được gắn nhãn trên màn hình. Thuộc tính AccessibleLabel xác định những gì trình đọc màn hình sẽ thông báo.
  • Nếu tùy chỉnh màu sắc, hãy đảm bảo tỷ lệ tương phản của văn bản với nền là 4.5: 1 hoặc lớn hơn. Các công cụ phần mềm hỗ trợ quá trình này có sẵn.
  • Đảm bảo bố cục theo một luồng logic khi đọc từ trên xuống dưới, từ trái sang phải.
  • Tạo ứng dụng thích ứng để người dùng có thị lực kém có thể phóng to và sử dụng mà không cần cuộn qua lại.

Bàn phím

Khi kiểm tra trợ năng của ứng dụng, hãy đảm bảo có thể dùng ứng dụng khi chỉ có bàn phím, không cần đến trình đọc màn hình.

Phím Tab sẽ điều hướng đến các phần tử tương tác theo một thứ tự hợp lý. Bạn có thể tạo bằng cấu trúc ứng dụng hợp lý và bằng cách đặt thuộc tính TabIndex của từng tùy chọn điều khiển cho phù hợp.

  • Các tùy chọn điều khiển Nhãn, Hình ảnh, Biểu tượng, Hình dạng: Đặt TabIndex thành 0 nếu chúng có ý nghĩa tương tác. Nếu không, hãy đặt TabIndex thành -1.
  • Không đặt TabIndex lớn hơn 0.
  • Đảm bảo đã bật thiết đặt ứng dụng Chỉ mục tab đơn giản hóa.

Trình đọc màn hình

Các trình đọc màn hình sau đã được xác minh để hoạt động với Power Apps:

Để đảm bảo trải nghiệm như ý với trình đọc màn hình, bạn nên:

  • Đảm bảo tất cả các kiểm soát đầu vào có bộ thuộc tính AccessibleLabel.
  • Đối với hình ảnh, hãy đặt AccessibleLabel thành phần mô tả thích hợp.
    • Nếu hình ảnh không được sử dụng làm nút hoặc liên kết (tức là biểu tượng ở đó chỉ để trang trí) và trình đọc màn hình không đọc được, hãy đảm bảo AccessibleLabel trống hoặc không được đặt.
    • Nếu hình ảnh hoặc biểu tượng được sử dụng làm nút, thì hãy đặt TabIndex thành 0 và AccessibleLabel vào mô tả liên kết.

Loại và cấu trúc điều khiển

Sử dụng các điều khiển phù hợp và nhóm điều khiển sẽ giúp người dùng trình đọc màn hình hiểu được cấu trúc của ứng dụng.

Đa phương tiện

Đảm bảo tất cả các video đều có chú thích và bản chép lời của toàn bộ bản ghi âm đều có sẵn với người dùng. Tùy chọn điều khiển Video hỗ trợ phụ đề ở định dạng WebVTT qua thuộc tính ClosedCaptionsUrl.

Với trình đọc màn hình được bật, tính năng Hẹn giờ không thông báo nội dung nút, nhưng thông báo thời gian đã trôi qua. Không thể tắt thông báo ngay cả khi hẹn giờ bị ẩn với độ chắn sáng thấp.

Làm việc với chữ ký

Nếu có trường chữ ký sử dụng điều khiển PenInput, bạn cần kích hoạt một phương thức nhập chữ ký khác. Cách được đề xuất là hiển thị điều khiển TextInput nơi người dùng có thể nhập tên của họ. Đảm bảo rằng các hướng dẫn ký được đặt trong thuộc tính AccessibleLabel và điều khiển được đặt gần đầu vào Bút – ở bên phải hoặc ngay bên dưới.

Các bước tiếp theo

Cấu trúc ứng dụng truy cập được

Xem thêm