Đăng ký để truy cập
Đọc thêm nội dung này khi bạn đăng ký ngay hôm nay.
Trong khả năng tiếp cận web, việc ‘cung cấp văn bản thay thế’ là một phương pháp quan trọng để người dùng khiếm thị hoặc những người không thể xem hình ảnh cũng có thể truy cập thông tin. Bài viết này sẽ giải thích chi tiết về vai trò cơ bản của văn bản thay thế (alt text), cách tạo ra nó, và các phương pháp tốt nhất để nâng cao khả năng tiếp cận.
Văn bản thay thế là gì?
Văn bản thay thế là văn bản được hiển thị thay thế khi hình ảnh không được hiển thị. Nó được ghi trong thuộc tính alt của thẻ HTML <img> và chủ yếu được sử dụng với các mục đích sau:
- Đối với người khiếm thị: Bằng cách đọc văn bản thay thế, trình đọc màn hình truyền đạt nội dung và ý nghĩa của hình ảnh đến người dùng.
- Thông tin thay thế khi hình ảnh không được hiển thị: Ngay cả khi có lỗi tải hình ảnh hoặc trong môi trường băng thông thấp, thông tin không bị mất vì văn bản được hiển thị thay cho hình ảnh.
- Hiệu quả SEO: Nó giúp các công cụ tìm kiếm hiểu nội dung của trang và cũng góp phần cải thiện kết quả tìm kiếm.
Cách cơ bản để tạo văn bản thay thế
Văn bản thay thế cần được thiết lập một cách phù hợp dựa trên nội dung và vai trò của hình ảnh. Văn bản thay thế càng chính xác và dễ hiểu thì khả năng tiếp cận càng được cải thiện. Dưới đây là các cách cơ bản để tạo ra văn bản thay thế:
-
Mô tả nội dung của hình ảnh một cách ngắn gọn: Diễn đạt một cách đơn giản những gì hiển thị trong hình ảnh hoặc ý nghĩa của nó.
<img src="flower.jpg" alt="Ảnh của một bông hồng đỏ"> -
Đối với hình ảnh chức năng, cần giải thích vai trò của nó: Đối với hình ảnh có chức năng như nút hoặc liên kết, cần chèn văn bản giải thích vai trò của nó
<img src="submit-button.jpg" alt="Nút gửi"> -
Sử dụng thuộc tính alt trống cho hình ảnh trang trí: Đối với hình ảnh trang trí không có ý nghĩa, hãy đặt alt=“” để trình đọc màn hình bỏ qua chúng.
<img src="decorative-line.jpg" alt="">
Các phương pháp tốt nhất khi cung cấp văn bản thay thế
Để sử dụng văn bản thay thế một cách hiệu quả, hãy ghi nhớ các điểm sau:
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.