it-swarm-vi.com

Cách tốt nhất cho trường ngày cho người dùng khiếm thị

Cách tốt nhất để người dùng mù điền vào trường ngày là gì? Trường ngày được sử dụng cho các ngày trong vòng 3 tháng tới.

  1. texfield đơn : Một trường văn bản có nhãn văn bản 'ngày' và có giá trị mặc định là 'dd-mm-yyyy' (định dạng ngày châu Âu).
  2. Trường văn bản đơn có lịch : Mục một có liên kết đến lịch phía sau trường văn bản
  3. Ba lần thả xuống : Ba lần thả xuống với ba nhãn cho ngày, tháng và năm
  4. Kiểu đầu vào = ngày : Sử dụng ngày nhập kiểu mới. Điều này đã được thực hiện cho người đọc màn hình?
  5. Cái gì khác
6
Pieter H.

Đã thực hiện một số thử nghiệm với trình đọc màn hình, đây là những gì tôi thấy hoạt động tốt nhất cho ngày -

Một kiểu nhập văn bản đơn giản với văn bản giữ chỗ hiển thị định dạng ngày. Không phải tất cả các trình đọc màn hình sẽ đọc văn bản giữ chỗ, vì vậy trước đây tôi đã sử dụng một cái gì đó như div nổi cho văn bản giữ chỗ cho người dùng nhìn thấy và thuộc tính ARIA để cung cấp tóm tắt định dạng ngày cho người dùng mù. (Có nhiều cách khác để có được hiệu ứng tương tự, đây chỉ là một ví dụ.)

Ngoài ra, tôi cung cấp một nút có liên kết đến điều khiển lịch bên cạnh trường. Điều này chủ yếu dành cho người dùng có tầm nhìn, những người sẽ tìm thấy điều hướng thông qua một lịch tiện dụng. Đối với người dùng quyền lực/người mù, điều hướng qua lịch sẽ tương đối chậm. Điều khiển lịch của bạn rõ ràng vẫn phải có các thuộc tính ARIA và thân thiện với trình đọc màn hình/bàn phím, nhưng đó không phải là trường hợp sử dụng chính cho một người dựa vào bàn phím và trình đọc màn hình.

Tôi đã thấy rằng sự kết hợp này đáp ứng gọn gàng tất cả các nhu cầu của người dùng - người dùng có quyền lực, người mới, người khiếm thị và người di chuyển bị suy giảm.

Tại sao tôi không sử dụng loại đầu vào ngày HTML5? Bởi vì nó thật kinh khủng. Kiểu dáng và các tùy chọn khác nhau tùy theo trình duyệt. Các giải pháp dựa trên JS có thể tùy biến và nhất quán hơn nhiều.

4
John S

Chúng tôi có thể bao gồm giọng nói tự động để đọc to, các số được nhập vào trường sẽ được đọc trong khi nhập từng số cho tháng/ngày/năm hoặc đọc to trong khi di chuột vào bộ chọn ngày. Người dùng mù rất giỏi các kỹ năng vận động, họ có thể nghe và phán đoán trong khi gõ hoặc di chuột. Hi vọng điêu nay co ich.

0
Ramji

Theo tôi thì nó thực sự tùy thuộc vào bạn vì không chỉ có một cách chính xác. Tôi muốn đề xuất một trong những điều sau đây:

  • Sử dụng 3 lần thả xuống sẽ không phải là phương thức nhập nhanh hơn nhưng nó đáng tin cậy, dễ hiểu và được xác thực một phần do bạn kiểm soát danh sách các số có trong các menu chính nó.

  • kiểu đầu vào = "ngày" sẽ ổn vì đây là tiêu chuẩn cho ngày đầu vào trong HTML5 và hỗ trợ của nó sẽ tăng theo cấp số nhân theo thời gian. Một vấn đề ở đây là người dùng nên chèn ngày ở dạng chính xác để làm việc (bạn cần xác thực nó). Dự phòng JS có thể được thêm vào để mang lại sự hỗ trợ cho những nền tảng vẫn không thích kiểu đầu vào mới. Trong trường hợp loại không được hỗ trợ và JS không có sẵn, nó chỉ đơn giản là quay lại trường văn bản và cho phép người dùng tự do viết vào đó.

Nếu bạn có kế hoạch sử dụng giải pháp dựa trên JS, hãy chắc chắn kiểm tra xem nó có hỗ trợ các thuộc tính của Aria không - điều này sẽ giúp bảng điều khiển ngày có thể truy cập được.

Và hãy nhớ rằng luôn luôn phải thực hiện kiểm tra phía máy chủ và JS để tránh các trường hợp Edge như ngày 31 tháng 2.

Đọc thêm tại liên kết sau: http://usability.com.au/2013/04/accessible-forms-1-labels-and-identifying/

0
Luca De Angelis

GDS có một số nội dung hay được viết về ngày tháng trong thư viện mẫu thiết kế của họ - và tôi biết rằng họ rất coi trọng khả năng truy cập và thực hiện thử nghiệm với những người khuyết tật khác nhau.

https://www.gov.uk/service-manual/user-centred-design/resource/potypes/dates.html

0
adrianh