HTML5 mang lại nhiều công nghệ tiên tiến và tiêu chuẩn, nhưng cũng lấy đi thời cơ tiếp cận quốc tế Internet của hàng triệu người khuyết tật. Web Accessibility là những tiêu chuẩn nhằm mục đích mang lại quyền bình đẳng khi truy vấn những website cho nhóm đối tượng người dùng này .
Đang xem : Accessible là gì
Web Accessibility là gì?
Bằng cách phân tích từ ngữ, ta có thể hiểu khái niệm này không quá khó. “Accessibility” có thể được hiểu là khả năng của bất kỳ ai không phân biệt điều kiện của họ, tới việc tiếp cận gì đó (như Internet, phương tiện công cộng,…)
Wikipedia nói : “ Khả năng tiếp cận đề cập đến việc phong cách thiết kế những loại sản phẩm, thiết bị, dịch vụ hoặc môi trường tự nhiên dành cho người khuyết tật ” .
Vì vậy, ta hoàn toàn có thể hiểu ngắn gọn “ Web Accessibility ” là những giải pháp để làm cho mọi người, gồm có cả người khuyết tật, đều có toàn quyền truy vấn vào web và Internet .
Các loại hình khuyết tật
Các khuyết tật đơn thuần có nghĩa là một trường hợp hoặc điều kiện kèm theo cản trở việc thực thi một hành vi mà người đó hoàn toàn có thể thuận tiện làm nếu không gặp yếu tố đó .
Có ba kiểu khuyết tật :
Khuyết tật vĩnh viễn: Đây là khi bạn mất hoàn toàn chức năng, ví dụ như mù, điếc.
Khuyết tật tạm thời: Một hoặc vài khuyết tật về thể chất hay tinh thần gây cản trở cho bạn thực hiện khả năng trong một khoảng thời gian ngắn.
Khuyết tật có điều kiện hoặc tình huống: Các vấn đề chỉ xuất hiện khi bạn không thể thực hiện trong tình huống nào đó.
Tại sao Web Accessibility lại quan trọng
Web và Internet ngày càng đóng vai trò quan trọng trong đời sống của tất cả chúng ta, cung ứng nhiều nguồn tài nguyên và năng lực, từ việc làm, tri thức cho tới vui chơi và tiếp cận dịch vụ công của chính phủ nước nhà. Điều này dẫn tới quyền bình đẳng của mọi người trong khoảng trống mạng. Một website phân phối tính năng cho người khuyết tật là điều nên làm nhằm mục đích tránh việc phân biệt đối xử này .
Thêm vào đó, một website tương hỗ người khuyết tật sử dụng, hoàn toàn có thể là cách tốt nhất vì nhiều người không hề in ra và đọc, hay khi shopping .
Ngoài ra, những gì cải tổ năng lực truy vấn cũng sẽ được khuyến nghị trong những tài liệu phong cách thiết kế phiên bản mobile, tính tiện lợi và tối ưu SEO .
Xem thêm : Bảng Ngọc Pantheon – Cách Lên Đồ Và Sp Build Guide Mùa 10
Website cần hỗ trợ cơ bản người khuyết tật như thế nào?
Tất nhiên, xét đến phương diện kỹ thuật, ta có nhiều yếu tố để cải tổ. Các mức này được xếp theo ba level :
A – bắt buộcAA – cần hoàn thànhAAA – có thể cần
Dưới đây là những nhu yếu đơn thuần của level ( A ) bắt buộc :
Thẻ ảnh cần có alt tag
Rất nhiều lập trình viên biết đến thuộc tính này, nhưng lại hay quên sử dụng nó. Điều này có ảnh hưởng tác động nhiều tới góc nhìn khi ảnh không hiển thị, nhưng cũng là yếu tố cho người khuyết tật nếu họ không nhìn được .
Hãy luôn nhớ thêm alt để người dùng hoàn toàn có thể hiểu nội dung bức ảnh .
Tất nhiên, bạn hoàn toàn có thể có thẻ alt = ” ” rỗng, nhưng tốt nhất là có hướng dẫn cho người đọc. Và hướng dẫn này không nên quá đơn thuần, ví dụ “ Trẻ em ”, mà nên đơn cử hơn, ví dụ “ Một cô bé đang đọc sách ” .
Di chuyển bằng bàn phím
Tốt nhất bất kể thứ gì bạn đưa lên website nên hoàn toàn có thể truy vấn trải qua bàn phím. Điều này có nghĩa bạn cần có thứ tự khi điều hướng người dùng .
Sử dụng tag HTML mặc định
Việc tuân thủ cơ bản những lao lý cũng là cách để những trình đọc dành cho người khuyết tật hiểu được nội dung trên website của bạn .
Chẳng hạn, sử dụng trong, sử dụng với chỉ hướng xác lập ( thay vì dẫn link đến # ), hoặc sử dụng nhiều hơn những thẻ heading h2, h3, h4 đều là điều nên làm .
Lạm dụng quá nhiều Javascript chỉ với những yếu tố hoàn toàn có thể thao tác với markup cũng là điều không nên .
Chú thích
Các video, truyền thông hay ảnh trên website cần có chú thích. Nó không riêng gì mang lại quyền lợi cho người khuyết tật, mà còn tương thích với ai không muốn bị quấy rầy bởi âm thanh, ví dụ điển hình như dân văn phòng .
Với những file âm thanh, việc cung ứng thêm nội dung chữ cũng giúp tăng năng lực SEO và giúp người dùng tiếp cận thông tin rõ ràng hơn. Google cũng rất thích điều này .
Xem thêm: Hướng Dẫn Chơi Cities Skylines #1 Best Game Xây Dựng Thành Phố
Sử dụng thẻ ARIA
Accessible Rich Internet Applications ( ARIA ) là một bộ thuộc tính HTML giúp xác lập nội dung ứng dụng và web giúp tăng năng lực truy vấn với người khuyết tật. Lấy ví dụ, ARIA được cho phép truy vấn vào menu, những widget Javascript, những hướng dẫn sử dụng form và thông tin lỗi, …
Các thuộc tính của ARIA xác lập vai trò đơn cử của loại đối tượng người tiêu dùng, như là bài viết, cảnh báo nhắc nhở, slider hay nút bấm. Các thuộc tính này cũng hoàn toàn có thể bổ trợ những thông tin có ích khác, như diễn đạt cho form hay tỷ suất Phần Trăm của những bước đang triển khai. Ngoài ra, phổ cập không kém là trạng thái hoạt động giải trí của đối tượng người tiêu dùng, đặc biệt quan trọng là nút bấm .
Những công cụ hữu ích
Nếu bạn muốn khám phá kĩ hơn và vận dụng cho website của bạn, dưới đây là những công cụ hoàn toàn có thể giúp bạn :
