HTML - Cách hiển thị ngữ nghĩa của hình ảnh/biểu tượng/yếu tố giao diện người dùng?

Question

Có đúng là có & ngữ nghĩa chính xác để hiển thị hình ảnh/biểu tượng không?
Tôi có nghĩa là tất nhiên không bao gồm tất cả các hình ảnh của một bài báo như hình nền vì cách đó, người đọc màn hình không thể đọc được văn bản alt, nhưng về biểu tượng hoặc các yếu tố giao diện người dùng thì sao? Nó có hợp lý từ một quan điểm ngữ nghĩa định hướng để bao gồm chúng như là hình nền không?

Answer 1

Có một số cách ngữ nghĩa chính xác và không chính xác để hiển thị các loại hình ảnh khác nhau.

• hình ảnh bình thường Nó tốt hơn để sử dụng tiêu chuẩn <img> thẻ, vì họ thường là những nội dung chính của trang web. Những thẻ này phải có các thẻ alt để thông báo cho người dùng về các phần quan trọng của nội dung.
• Biểu tượng là một loại hình ảnh không phải là nội dung chính trên trang web của bạn, nhưng chúng cũng phải được hiển thị bằng cách sử dụng thẻ <img> vì điều quan trọng là khả năng sử dụng để hiển thị biểu tượng cụ thể làm gì.
• Ảnh không quan trọng làm cho trang web đẹp và không phải là nội dung chính của trang web sẽ được hiển thị dưới dạng nền, vì sau đó bạn không sử dụng các nút không cần thiết trong số DOM.

Answer 2

Tôi không nghĩ bạn nên bao gồm các biểu tượng dưới dạng phần tử riêng biệt chỉ biểu thị biểu tượng đó; ví dụ. an img hoặc i.

Thay vào đó, mỗi biểu tượng đại diện cho một chức năng cụ thể - do đó bạn nên sử dụng một phần tử có thể được sử dụng cho chức năng đó, ví dụ: một neo a hoặc button. Mỗi phần tử trong số đó phải có nội dung không phải đồ họa có thể được phân tích cú pháp bởi trình đọc màn hình và trình thu thập dữ liệu web. Sau đó bạn có thể làm đẹp những yếu tố đó bằng cách sử dụng hình nền cho một số biểu tượng đồ họa.

Sử dụng đánh dấu riêng cho biểu tượng là lỗi/ngữ nghĩa ngữ nghĩa. Bản thân biểu tượng không làm gì cả. Nó chỉ ở đó để ghi nhớ chức năng của phần tử cơ bản. Nhưng trên thực tế những yếu tố đó vẫn còn đó khi bạn xóa biểu tượng.

Vì vậy, có, tôi sẽ luôn bao gồm biểu tượng làm hình nền thành phần tử trực tiếp hoặc thành phần tử giả được tạo.