Một hình ảnh có thể cần nhiều loại mô tả. Hướng dẫn bố trí cho công cụ tạo trang biết cách sử dụng hình ảnh. Chú thích hiển thị giải thích ngữ cảnh cho người đọc. Văn bản thay thế truyền đạt ý nghĩa trực quan quan trọng cho những người không thể nhìn thấy hình ảnh. Các vai trò này có thể trùng lặp, nhưng không thể thay thế cho nhau.
Cho công cụ tạo trang biết bạn muốn gì
Mô tả hình ảnh thể hiện điều gì và lý do bạn thêm hình ảnh đó. Ví dụ: “Đây là chiếc ghế tôi đã phục chế. Hãy đặt ảnh này bên cạnh dự án phục chế, sau ảnh trước khi phục chế.” Nêu rõ mọi yêu cầu cắt ảnh quan trọng. Đừng yêu cầu công cụ tạo trang suy đoán về lời chứng thực của khách hàng, địa điểm hoặc thông số sản phẩm không được xác nhận bằng thông tin thực tế của bạn.
Dùng chú thích để cung cấp ngữ cảnh
Chú thích có thể nêu tên dự án, ghi ngày tháng hoặc giải thích giai đoạn được thể hiện. Chú thích nên bổ sung thông tin hữu ích thay vì lặp lại tiêu đề. Nếu hình ảnh mô tả một ý tưởng hư cấu hoặc dự án thực hành, hãy ghi rõ ngữ cảnh đó. Kiểm tra tên và ngày tháng trước khi xuất bản.
Mô tả ý nghĩa thay vì mọi điểm ảnh
Văn bản thay thế nên truyền tải điều hình ảnh đóng góp trong ngữ cảnh của nó. Ảnh chụp dự án có thể cần một mô tả ngắn về sản phẩm đã hoàn thành. Họa tiết trang trí có thể dùng văn bản thay thế để trống để trình đọc bỏ qua. Nếu hình ảnh chứa hướng dẫn hoặc giá cả quan trọng, hãy cung cấp thông tin đó dưới dạng văn bản thực trên trang.
Xem lại cùng với phần nội dung xung quanh
Đọc tiêu đề, đoạn văn, chú thích và mô tả hình ảnh cùng nhau. Loại bỏ những từ ngữ lặp lại khiến việc điều hướng trang trở nên mệt mỏi. Kiểm tra xem khách truy cập có thể hiểu thông điệp chính khi hình ảnh không tải được hay không. Văn bản không nên khẳng định hình ảnh chứng minh điều mà hình ảnh không thể hiện.
Khi thêm hình ảnh trong VollSite, hãy mô tả vai trò của chúng và kiểm tra vị trí được tạo sau khi yêu cầu thay đổi hoàn tất. Giữ riêng các tệp gốc và chỉ sử dụng nội dung bạn có thể xuất bản. Để tìm hiểu hướng dẫn cơ bản về khả năng tiếp cận, hãy xem https://web.dev/learn/design/accessibility. Các bước kiểm tra tự động có thể phát hiện một số mô tả còn thiếu, nhưng vẫn cần có người đánh giá xem cách diễn đạt có truyền tải đúng ý nghĩa hay không.