Trên các trang web, liên kết là một phương tiện quan trọng để người dùng truy cập vào các trang hoặc nội dung khác. Tuy nhiên, nếu văn bản của liên kết không rõ ràng, có thể gây nhầm lẫn cho người dùng và làm giảm đáng kể khả năng truy cập. Đặc biệt đối với người dùng khiếm thị hoặc những người sử dụng trình đọc màn hình, nếu ‘mục đích’ của liên kết không được chỉ rõ, việc sử dụng trang web trở nên khó khăn hơn.
Trong bài viết này, chúng tôi sẽ giải thích chi tiết về tầm quan trọng của việc làm rõ ‘mục đích của liên kết’ và các phương pháp triển khai cụ thể để thực hiện điều này.
Lý do tại sao mục đích của liên kết lại quan trọng
Nếu mục đích của liên kết không rõ ràng, trải nghiệm sử dụng trang web sẽ giảm sút đối với tất cả người dùng. Đặc biệt, đối với những người dùng sau đây, việc mục đích của liên kết không rõ ràng sẽ trở thành một rào cản lớn.
- Người dùng sử dụng trình đọc màn hình: Nếu văn bản liên kết có những biểu hiện mơ hồ như ‘bấm vào đây’ hoặc ‘xem chi tiết’, người dùng sẽ không biết liên kết sẽ dẫn đến đâu và dễ bị nhầm lẫn. Việc phải đọc thêm ngữ cảnh trước và sau liên kết sẽ tăng thêm thời gian và gây cản trở trong việc thao tác trang một cách mượt mà.
- Người dùng có khiếm khuyết nhận thức: Khi có nhiều liên kết lẫn lộn, nếu mục đích của từng liên kết không rõ ràng, sẽ rất khó để biết nên nhấp vào liên kết nào.
- Người dùng khiếm thị: Đối với những người sử dụng trình đọc màn hình hoặc trình duyệt giọng nói, điều quan trọng là mục đích của liên kết phải được truyền đạt chỉ qua văn bản của liên kết.
Bằng cách làm rõ mục đích của liên kết, bạn có thể cung cấp một trang web dễ truy cập cho tất cả người dùng.
Các phương pháp tốt nhất để làm rõ mục đích của liên kết
Để làm cho văn bản liên kết dễ hiểu hơn, cần chú ý đến một số điểm. Dưới đây là các phương pháp cụ thể để làm rõ mục đích của liên kết.
1. Sử dụng văn bản liên kết rõ ràng và ngắn gọn
Văn bản liên kết cần thể hiện nội dung của trang đích một cách ngắn gọn và rõ ràng. Tránh sử dụng những biểu hiện mơ hồ như ‘bấm vào đây’ hay ‘đọc thêm’, thay vào đó hãy làm rõ nội dung cụ thể của trang liên kết.
Ví dụ tốt:
Ví dụ xấu:
2. Xem xét ngữ cảnh trước và sau liên kết
Ngữ cảnh nơi liên kết được đặt cũng rất quan trọng. Người dùng sử dụng trình đọc màn hình thường liệt kê chỉ các văn bản của liên kết để xem, do đó cần phải thiết kế sao cho mục đích của liên kết có thể được hiểu chỉ qua văn bản đó. Văn bản liên kết không phụ thuộc vào ngữ cảnh trước và sau là lý tưởng nhất.
Ví dụ tốt:
3. Không lạm dụng thuộc tính tiêu đề (title) hoặc phần mô tả của liên kết
Việc thêm thuộc tính tiêu đề (title) để bổ sung mô tả cho liên kết là có thể, nhưng về cơ bản là không cần thiết. Nếu văn bản của liên kết đã đủ rõ ràng, thì không cần sử dụng thuộc tính tiêu đề. Hơn nữa, thuộc tính tiêu đề không hiển thị trực quan và không phải lúc nào cũng được trình đọc màn hình đọc lên. Do đó, mục đích của liên kết nên được hoàn thiện chỉ qua văn bản liên kết.
4. Thống nhất văn bản liên kết trong cùng một trang
Khi có nhiều liên kết dẫn đến cùng một trang đích trong cùng một trang, việc đảm bảo các văn bản liên kết nhất quán là rất quan trọng. Sử dụng các biểu hiện khác nhau có thể khiến người dùng dễ bị nhầm lẫn.
Ví dụ tốt:
- Ghi “Xem thông tin sản phẩm” cho tất cả các liên kết
Ví dụ xấu:
- Sử dụng biểu thức khác nhau, một số liên kết là “Xem sản phẩm”, trong khi các liên kết khác là “Chi tiết ở đây”.
Cách kiểm tra mục đích của liên kết
Để kiểm tra xem mục đích của liên kết có được thể hiện một cách phù hợp hay không, bạn có thể thực hiện các phương pháp kiểm tra sau đây.
- Kiểm tra bằng trình đọc màn hình: Sử dụng trình đọc màn hình để hiển thị danh sách chỉ các liên kết và kiểm tra xem mục đích của từng liên kết có thể được hiểu chỉ qua văn bản hay không.
- Xác nhận thao tác bằng bàn phím: Sử dụng chỉ bàn phím để di chuyển qua các liên kết và kiểm tra xem mục đích của liên kết có dễ hiểu hay không.
- Xác nhận trực quan: Việc đảm bảo rằng các liên kết được phân biệt rõ ràng với văn bản khác và có thể nhận ra ngay lập tức là liên kết cũng rất quan trọng.
Bằng cách thực hiện các bài kiểm tra này, bạn có thể xác nhận rằng các liên kết hoạt động đúng và dễ hiểu đối với tất cả người dùng.
Hướng dẫn về khả năng truy cập liên quan đến mục đích của liên kết
Trong WCAG (Web Content Accessibility Guidelines) 2.1, cũng có các tiêu chuẩn cụ thể liên quan đến mục đích của liên kết. Đặc biệt, tiêu chuẩn ‘2.4.4 Mục đích của liên kết (trong ngữ cảnh)’ yêu cầu rằng mục đích của liên kết phải được hiểu rõ từ văn bản liên kết hoặc ngữ cảnh xung quanh nó.
Ngoài ra, tiêu chuẩn ‘2.4.9 Mục đích của liên kết (liên kết độc lập)’ khuyến nghị rằng mục đích của liên kết nên được hiểu chỉ qua văn bản của liên kết. Việc tuân thủ tiêu chuẩn này có thể cải thiện khả năng truy cập đáng kể.
Kết luận
Việc làm rõ mục đích của liên kết có mối liên hệ trực tiếp với việc cải thiện khả năng truy cập web. Để người dùng có thể dễ dàng truy cập vào trang đích, văn bản của liên kết cần phải cụ thể và không phụ thuộc vào ngữ cảnh. Hãy xem xét và cải thiện thiết kế của các liên kết để đảm bảo tất cả người dùng có thể sử dụng trang web một cách thoải mái. Khi mục đích của liên kết được thể hiện rõ ràng, bạn sẽ tạo ra một trang web dễ tiếp cận và thân thiện với người dùng.
Chúng tôi đã phát hành UUU Web Accessibility Widget Tool, công cụ giúp dễ dàng triển khai khả năng truy cập web. Nếu bạn quan tâm đến việc cải thiện khả năng truy cập, hãy xem thêm thông tin chi tiết.