Nội dung dễ tiếp cận do AI tạo

Tính năng web: Nội dung Văn bản thay thế cho nội dung được tạo
  • KHÔNG sử dụng content để truyền tải văn bản có ý nghĩa (nhãn, trạng thái, hướng dẫn) — hãy giữ văn bản đó trong DOM (WCAG F87). Đối số văn bản thay thế là để giảm thiểu tác hại trong trường hợp thành phần trang trí vô tình mang ý nghĩa, chứ không phải là một giấy phép.
  • Sử dụng đối số văn bản thay thế của content để cung cấp văn bản thay thế cho trình đọc màn hình. Ví dụ: content: url(cloud.svg) / "Save";
  • Sử dụng content: "text" / ""; để ngăn trình đọc màn hình đọc văn bản chỉ mang tính trang trí.
  • KHÔNG sử dụng đối số văn bản thay thế trống cho hình ảnh — theo mặc định, hình ảnh đã có tính trình bày. Ví dụ: content: url(cloud.svg) / ""; là không chính xác.
  • KHÔNG sử dụng đối số văn bản thay thế để mô tả biểu tượng cảm xúc, trừ phi nội dung mô tả khác với tên chính thức của biểu tượng cảm xúc. Ví dụ: đừng làm content: "🎉" / "celebration";, nhưng content: "🎉" / "Yay!"; thì không sao.

CHỈ sử dụng đối số văn bản thay thế khi văn bản khác với giá trị chính và chưa có trong DOM. Tức là cách này không đúng:

HTML:

<button class="save">Save</button>

CSS:

button.save::before {
  content: url(cloud.svg) / "Save";
}

Trình đọc màn hình sẽ đọc là "Lưu lưu".