Nguyên tắc thiết kế web có từ hàng thập kỷ về việc tránh sử dụng click here làm văn bản liên kết đã khơi dậy cuộc tranh luận mới trong cộng đồng các nhà phát triển, làm nổi bật sự căng thẳng đang diễn ra giữa các hướng dẫn về khả năng tiếp cận và trải nghiệm người dùng thực tế. Trong khi W3C từ lâu đã khuyến nghị không nên sử dụng văn bản liên kết chung chung, các cuộc thảo luận trong cộng đồng cho thấy vấn đề này phức tạp hơn nhiều so với những gì được trình bày ban đầu.
Điều Hướng Trình Đọc Màn Hình Tạo Ra Những Thách Thức Độc Đáo
Lập luận chính chống lại các liên kết click here tập trung vào khả năng tiếp cận cho người dùng khiếm thị. Các trình đọc màn hình cung cấp chế độ điều hướng liệt kê tất cả các liên kết trên trang mà không có ngữ cảnh, có nghĩa là người dùng chỉ nghe thấy click here lặp lại nhiều lần mà không hiểu mỗi liên kết làm gì. Điều này tạo ra rào cản đáng kể cho những người phụ thuộc vào công nghệ hỗ trợ để duyệt web.
Tuy nhiên, cộng đồng đã xác định được một số giải pháp kỹ thuật để giải quyết mối quan ngại này. Các tiêu chuẩn web hiện đại bao gồm các thuộc tính ARIA có thể cung cấp ngữ cảnh bổ sung dành riêng cho trình đọc màn hình trong khi vẫn duy trì văn bản trực quan đơn giản hơn cho người dùng khác. Những kỹ thuật này cho phép các nhà phát triển có được điều tốt nhất của cả hai thế giới - lời kêu gọi hành động rõ ràng cho người dùng có thị lực và ngữ cảnh mô tả cho công nghệ hỗ trợ.
Các thuộc tính ARIA (Accessible Rich Internet Applications) là các thẻ HTML cung cấp thông tin bổ sung về các phần tử trang cho các công nghệ hỗ trợ như trình đọc màn hình.
Thuộc tính Trợ năng ARIA cho Liên kết:
aria-label: Ghi đè tên có thể truy cập của liên kếtaria-labelledby: Tham chiếu đến các phần tử khác mô tả liên kếtaria-describedby: Thêm văn bản mô tả bổ sungtitle: Cung cấp ngữ cảnh bổ sung khi di chuột (hỗ trợ hạn chế cho trình đọc màn hình)
Trải Nghiệm Người Dùng Đối Đầu Với Tiêu Chuẩn Khả Năng Tiếp Cận
Nhiều nhà phát triển cho rằng các phương án thay thế được W3C khuyến nghị thường tạo ra nhiều nhầm lẫn hơn là sự rõ ràng. Cách tiếp cận được đề xuất là chỉ liên kết các danh từ như Amaya thay vì các cụm từ hành động có thể khiến người dùng không chắc chắn về điều gì sẽ xảy ra khi họ nhấp chuột. Điều này đặc biệt có vấn đề đối với các liên kết tải xuống, nơi người dùng cần biết liệu họ sẽ tải xuống tệp trực tiếp hay điều hướng đến trang khác.
Ví dụ 'xấu' của họ lại cực kỳ rõ ràng. Tôi sẽ nhấp vào liên kết và nó sẽ tải xuống trực tiếp hoặc sẽ là trang tải xuống. Ngược lại, 'Get Amaya!' gợi ý một liên kết đến trang web Amaya, không phải trang tải xuống.
Cuộc tranh luận cho thấy sự bất đồng cơ bản về việc liệu các liên kết nên mô tả đích đến (danh từ) hay hành động (động từ). Trong khi các nhà ủng hộ khả năng tiếp cận thúc đẩy văn bản liên kết mô tả hoạt động tốt ngoài ngữ cảnh, các nhà thiết kế trải nghiệm người dùng thường thích ngôn ngữ hướng hành động rõ ràng cho người dùng biết chính xác những gì mong đợi.
Hướng dẫn Văn bản Liên kết được W3C Khuyến nghị:
- Cung cấp thông tin khi được đọc ngoài ngữ cảnh
- Giải thích những gì liên kết cung cấp
- Không tham chiếu đến cơ chế kỹ thuật
- Tránh các cụm động từ trong văn bản liên kết
- Sử dụng danh từ mô tả thay vì các thuật ngữ chung chung
Thiết Kế Web Hiện Đại Làm Phức Tạp Các Quy Tắc Truyền Thống
Web ngày nay đưa ra những thách thức không tồn tại khi các hướng dẫn này được thiết lập lần đầu vào năm 2001. Giao diện cảm ứng đã phần lớn thay thế việc nhấp chuột, khiến thuật ngữ click here trở nên lỗi thời. Ngoài ra, các trang web hiện đại thường loại bỏ kiểu dáng liên kết truyền thống như gạch chân và văn bản màu xanh, khiến người dùng khó xác định các phần tử có thể nhấp được mà không có hướng dẫn rõ ràng.
Sự gia tăng của việc duyệt web trên di động cũng đã đưa ra những cân nhắc mới. Các mục tiêu cảm ứng cần đủ lớn để điều hướng bằng ngón tay, và các liên kết click here thường quá ngắn để cung cấp vùng cảm ứng đầy đủ. Điều này tạo ra các vấn đề về khả năng sử dụng vượt ra ngoài các mối quan ngại về khả năng tiếp cận ban đầu.
Ví dụ về Văn bản Liên kết Thay thế:
| Thực hành Kém | Thực hành Tốt hơn | Thực hành Tốt nhất |
|---|---|---|
| Nhấp vào đây | Amaya | Tải xuống Amaya |
| Nhấp vào đây để tìm hiểu thêm | Cho tôi biết thêm | Tìm hiểu thêm về Amaya |
| Đi đến trang web | Trang web Amaya | Truy cập trang chủ của Amaya |
Tìm Kiếm Điểm Chung Thông Qua Triển Khai Tốt Hơn
Thay vì hoàn toàn tránh văn bản liên kết hướng hành động, nhiều nhà phát triển hiện ủng hộ các cách tiếp cận mô tả hơn kết hợp điều tốt nhất của cả hai thế giới. Thay vì click here chung chung hoặc danh từ trần trụi, họ đề xuất các cụm từ như Download Amaya installer hoặc Read the Amaya documentation chỉ rõ cả hành động và đích đến.
Cuộc thảo luận cũng làm nổi bật tầm quan trọng của ngữ nghĩa HTML phù hợp. Sử dụng nút cho các hành động và liên kết cho điều hướng có thể giúp làm rõ các phần tử giao diện người dùng trong khi duy trì khả năng tiếp cận. Cách tiếp cận này cho phép các nhà phát triển sử dụng ngôn ngữ phù hợp cho từng loại tương tác mà không ảnh hưởng đến khả năng sử dụng hoặc khả năng tiếp cận.
Cuộc tranh luận đang diễn ra chứng minh rằng khả năng tiếp cận web không chỉ là việc tuân theo các quy tắc cứng nhắc, mà là về việc hiểu những cách thức đa dạng mà mọi người tương tác với nội dung số. Khi các công nghệ web tiếp tục phát triển, thách thức vẫn là tìm ra các giải pháp hoạt động tốt cho mọi người, bất kể họ truy cập và điều hướng thông tin trực tuyến như thế nào.
Tham khảo: Don't use click here as link text