Chia sẻ qua

Màu có thể truy cập cho các ứng dụng canvas

  • Bài viết

Màu sắc được sử dụng trong ứng dụng canvas phải dễ tiếp cận đối với người dùng mù màu và có thị lực kém. Tất cả chủ đề Power Apps đều dễ tiếp cận theo mặc định. Khi sửa đổi màu sắc được sử dụng trong một ứng dụng, hãy làm theo các hướng dẫn này để đảm bảo rằng chúng vẫn dễ tiếp cận. Có một số công cụ trực tuyến để giúp bạn xác định các vấn đề về tương phản màu sắc.

Độ tương phản tối thiểu cho văn bản

  • Văn bản và nền văn bản phải có tỷ lệ tương phản ít nhất là 4,5:1
  • Văn bản cỡ lớn phải có tỷ lệ tương phản ít nhất là 3:1
  • Văn bản bị vô hiệu hóa không có yêu cầu về tương phản

Thực tế, tất cả các điều khiển tương tác phải có đủ độ tương phản màu giữa:

Độ tương phản tối thiểu cho nội dung không phải văn bản

  • Các thành phần không phải văn bản, chẳng hạn như biểu tượng và đường viền, phải có tỷ lệ tương phản tối thiểu với màu sắc bên ngoài là 3:1.
  • Các thành phần bị vô hiệu hóa và trang trí không có yêu cầu về độ tương phản.

Thành phần giao diện người dùng

Tất cả các điều khiển tương tác phải có đủ độ tương phản màu giữa:

Kiểm tra độ tương phản màu bổ sung áp dụng cho các điều khiển trong đó toàn bộ khu vực nhằm mục đích tương tác hoặc cung cấp thông tin. Ví dụ: Nút hoặc Biểu tượng dùng làm nút. Điều này đảm bảo rằng ranh giới của điều khiển hiển thị rõ ràng và người dùng biết nơi có thể nhấp hoặc nhấn.

Nếu có đường viền cho các điều khiển như vậy, cần có độ tương phản màu đầy đủ giữa:

Nếu không có đường viền, cần có độ tương phản màu đầy đủ giữa:

  • Fill và màu bên ngoài tùy chọn điều khiển
  • PressedFill và màu bên ngoài tùy chọn điều khiển
  • HoverFill và màu bên ngoài tùy chọn điều khiển

Đối tượng đồ họa

Nếu một hình ảnh truyền tải thông tin quan trọng, hãy kiểm tra các vấn đề về độ tương phản. Điều này áp dụng cho các điều khiển có hiển thị hình ảnh: Âm thanh, Hình ảnh, Micrô và Video.

Đối với nội dung video, hãy kiểm tra các vấn đề về độ tương phản. Ngoài ra, cung cấp phụ đề mô tả video.

Cung cấp gợi ý thị giác khác

Đảm bảo rằng ứng dụng không truyền tải thông tin chỉ bằng màu sắc. Ví dụ: người dùng bị mù màu đỏ - xanh lá cây sẽ không thể phân biệt thông báo lỗi màu đỏ với thông báo thành công màu xanh lá cây.

Các gợi ý khác như Biểu tượng hoặc các kiểu chữ như In nghiêng và Gạch dưới có thể giúp truyền đạt ý nghĩa.

Các bước tiếp theo

Hiện hoặc ẩn nội dung khỏi các công nghệ hỗ trợ cho ứng dụng canvas

Xem thêm