Xây dựng trang web truy cập cho người với khuyết tật thị giác (1 trên 3) - 25 ĐỀ NGHỊ về tính truy cập của các trang web
1. Tất cả các yếu tố đồ họa nên có văn bản thay thế ngắn gọn (alt), mô tả nội dung của hình ảnh hoặc, nếu hình ảnh là liên kết - sẽ dẫn đến đâu. Nếu hình ảnh chỉ mang tính trang trí, nên có "alt" trống. 2. Tránh các yếu tố hoạt hình, văn bản chuyển động vì chúng làm mất tập trung của tất cả người dùng không chỉ là người khuyết tật. Một số hình ảnh hoạt hình, đặc biệt là hình ảnh hoạt hình mạnh mẽ và nhanh có thể đe dọa người mắc bệnh động kinh nhìn! 3. Tất cả các tập tin âm thanh (chương trình, phỏng vấn, bài giảng) nên có bản trích dẫn văn bản. Trình phát của những tập tin này trên trang web nên được điều khiển bằng bàn phím và phải dành cho người mù. 4. Tất cả các video nên có phụ đề cho người khiếm thính. Trình phát video nên dành cho người mù và người chỉ sử dụng bàn phím. 5. Mọi tập tin đa phương tiện và Flash nên có sẵn hoặc có sẵn dưới dạng thay thế. 6. Các tập tin PDF, Word và các tập tin phổ biến khác để tải về nên được chuẩn bị để có sẵn. Ví dụ, tập tin PDF nên có cấu trúc giúp người mù dễ dàng duyệt tài liệu như vậy. 7. Văn bản trên trang web nên được viết một cách đơn giản nhất có thể, để cả những người ít học vấn cũng có thể truy cập và cũng như các người khuyết tật trí tuệ. 8. Văn bản nên được xuất bản một cách dễ đọc - chia thành đoạn, danh sách và các phần khác; không canh lề phải; các từ viết tắt nên được giải thích ở lần đầu xuất hiện trên mỗi trang. Văn bản nên đươc bổ sung bằng tiêu đề (h1-h6) để người mù có thể dễ dàng chuyển đến phần họ quan tâm. 9. Điều hướng (menu) nên được liên tục, logic và không đổi trong phạm vi trang web. Điều hướng trên toàn bộ trang web nên có sẵn từ bàn phím. 10. Tất cả các phần tử hoạt động, chẳng hạn như liên kết, biểu ngữ hoặc các ô nhập liệu nên có tập trung hình ảnh rõ ràng (thường là một khung rõ ràng xuất hiện khi điều hướng qua trang bằng phím TAB). Nên tăng cường tập trung mặc định để dễ nhìn thấy cho những người có tầm nhìn kém. 11. Tất cả các liên kết nên là duy nhất và dễ hiểu, kể cả khi không trong ngữ cảnh. Không nên sử dụng liên kết dạng ">>" hoặc "xem thêm" hoặc "nhấp vào đây". Liên kết không được mở trong cửa sổ mới hoặc tab trình duyệt mà không cảnh báo. 12. Nên áp dụng tính năng "skip links", cho phép điều hướng trực tiếp đến nội dung của một trang. Điều này đặc biệt quan trọng trong các trang web có nhiều liên kết trong thanh điều hướng/thanh menu chính. 13. Độ tương phản màu sắc của tất cả các phần tử truyền đạt nội dung (văn bản, liên kết, biểu ngữ) hoặc chức năng phải có tỷ lệ độ sáng của văn bản đến nền là ít nhất 4,5 đến 1, và tốt nhất nếu không thấp hơn 7 đến 1. 14. Trang web nên có thể được phóng to đáng kể (ít nhất 200%) thông qua các công cụ trình duyệt. Tốt nhất nếu trong trường hợp đó trang web vẫn vừa với cửa sổ trình duyệt và không xuất hiện thanh cuộn ngang màn hình. Trang phóng to không được "mất" nội dung. 15. Tất cả các tiêu đề (title) trang phải là duy nhất và thông báo về nội dung trên trang mà người dùng đang truy cập. Công thức tiêu đề nên được xây dựng theo mẫu: [Tiêu đề trang con] - [Tên Tổ chức]. 16. Tất cả các trang con nên dựa trên các tiêu đề. Tiêu đề (h1-h6) là cách cơ bản nhất để sắp xếp nội dung trên trang. Tiêu đề h1 nên là tiêu đề của nội dung chính trên trang. 17. Để sắp xếp nội dung trong văn bản hoặc các phần tử điều hướng, nên sử dụng các danh sách không sắp xếp và sắp xếp. 18. Ngôn ngữ của trang web cũng như các phần tiếng nước ngoài nên được xác định bằng thuộc tính lang. 19. Trích dẫn nên được nổi bật - ít nhất bằng dấu ngoặc kép. 20. Mã của trang web nên tuân thủ các tiêu chuẩn và không sử dụng bảng như một phần của cấu trúc trang. 21. Bảng được sử dụng để truyền dữ liệu nên được xây dựng một cách đơn giản và có các tiêu đề. 22. Tất cả các khung nên có tiêu đề thích hợp. 23. Tất cả các đoạn mã và ứng dụng nên dành cho người mù và người chỉ sử dụng bàn phím. 24. Biểu mẫu, bao gồm biểu mẫu tìm kiếm, nên được xây dựng theo các tiêu chuẩn. Tất cả các trường và nút trong biểu mẫu nên được miêu tả đúng cách. 25. Trang web nên có thể truy cập trên trình duyệt và thiết bị không hỗ trợ CSS.
1. Tất cả các yếu tố đồ họa nên có văn bản thay thế ngắn gọn (alt), mô tả nội dung của hình ảnh hoặc, nếu hình ảnh là liên kết - sẽ dẫn đến đâu. Nếu hình ảnh chỉ mang tính trang trí, nên có "alt" trống. 2. Tránh các yếu tố hoạt hình, văn bản chuyển động vì chúng làm mất tập trung của tất cả người dùng không chỉ là người khuyết tật. Một số hình ảnh hoạt hình, đặc biệt là hình ảnh hoạt hình mạnh mẽ và nhanh có thể đe dọa người mắc bệnh động kinh nhìn! 3. Tất cả các tập tin âm thanh (chương trình, phỏng vấn, bài giảng) nên có bản trích dẫn văn bản. Trình phát của những tập tin này trên trang web nên được điều khiển bằng bàn phím và phải dành cho người mù. 4. Tất cả các video nên có phụ đề cho người khiếm thính. Trình phát video nên dành cho người mù và người chỉ sử dụng bàn phím. 5. Mọi tập tin đa phương tiện và Flash nên có sẵn hoặc có sẵn dưới dạng thay thế. 6. Các tập tin PDF, Word và các tập tin phổ biến khác để tải về nên được chuẩn bị để có sẵn. Ví dụ, tập tin PDF nên có cấu trúc giúp người mù dễ dàng duyệt tài liệu như vậy. 7. Văn bản trên trang web nên được viết một cách đơn giản nhất có thể, để cả những người ít học vấn cũng có thể truy cập và cũng như các người khuyết tật trí tuệ. 8. Văn bản nên được xuất bản một cách dễ đọc - chia thành đoạn, danh sách và các phần khác; không canh lề phải; các từ viết tắt nên được giải thích ở lần đầu xuất hiện trên mỗi trang. Văn bản nên đươc bổ sung bằng tiêu đề (h1-h6) để người mù có thể dễ dàng chuyển đến phần họ quan tâm. 9. Điều hướng (menu) nên được liên tục, logic và không đổi trong phạm vi trang web. Điều hướng trên toàn bộ trang web nên có sẵn từ bàn phím. 10. Tất cả các phần tử hoạt động, chẳng hạn như liên kết, biểu ngữ hoặc các ô nhập liệu nên có tập trung hình ảnh rõ ràng (thường là một khung rõ ràng xuất hiện khi điều hướng qua trang bằng phím TAB). Nên tăng cường tập trung mặc định để dễ nhìn thấy cho những người có tầm nhìn kém. 11. Tất cả các liên kết nên là duy nhất và dễ hiểu, kể cả khi không trong ngữ cảnh. Không nên sử dụng liên kết dạng ">>" hoặc "xem thêm" hoặc "nhấp vào đây". Liên kết không được mở trong cửa sổ mới hoặc tab trình duyệt mà không cảnh báo. 12. Nên áp dụng tính năng "skip links", cho phép điều hướng trực tiếp đến nội dung của một trang. Điều này đặc biệt quan trọng trong các trang web có nhiều liên kết trong thanh điều hướng/thanh menu chính. 13. Độ tương phản màu sắc của tất cả các phần tử truyền đạt nội dung (văn bản, liên kết, biểu ngữ) hoặc chức năng phải có tỷ lệ độ sáng của văn bản đến nền là ít nhất 4,5 đến 1, và tốt nhất nếu không thấp hơn 7 đến 1. 14. Trang web nên có thể được phóng to đáng kể (ít nhất 200%) thông qua các công cụ trình duyệt. Tốt nhất nếu trong trường hợp đó trang web vẫn vừa với cửa sổ trình duyệt và không xuất hiện thanh cuộn ngang màn hình. Trang phóng to không được "mất" nội dung. 15. Tất cả các tiêu đề (title) trang phải là duy nhất và thông báo về nội dung trên trang mà người dùng đang truy cập. Công thức tiêu đề nên được xây dựng theo mẫu: [Tiêu đề trang con] - [Tên Tổ chức]. 16. Tất cả các trang con nên dựa trên các tiêu đề. Tiêu đề (h1-h6) là cách cơ bản nhất để sắp xếp nội dung trên trang. Tiêu đề h1 nên là tiêu đề của nội dung chính trên trang. 17. Để sắp xếp nội dung trong văn bản hoặc các phần tử điều hướng, nên sử dụng các danh sách không sắp xếp và sắp xếp. 18. Ngôn ngữ của trang web cũng như các phần tiếng nước ngoài nên được xác định bằng thuộc tính lang. 19. Trích dẫn nên được nổi bật - ít nhất bằng dấu ngoặc kép. 20. Mã của trang web nên tuân thủ các tiêu chuẩn và không sử dụng bảng như một phần của cấu trúc trang. 21. Bảng được sử dụng để truyền dữ liệu nên được xây dựng một cách đơn giản và có các tiêu đề. 22. Tất cả các khung nên có tiêu đề thích hợp. 23. Tất cả các đoạn mã và ứng dụng nên dành cho người mù và người chỉ sử dụng bàn phím. 24. Biểu mẫu, bao gồm biểu mẫu tìm kiếm, nên được xây dựng theo các tiêu chuẩn. Tất cả các trường và nút trong biểu mẫu nên được miêu tả đúng cách. 25. Trang web nên có thể truy cập trên trình duyệt và thiết bị không hỗ trợ CSS.
2 users upvote it!
0 answers