it-swarm-vi.tech

Sử dụng thuộc tính alt cho văn bản dưới dạng đồ họa có ổn không?

Có một số cách để trình bày văn bản trên trang web của bạn theo chính xác phông chữ mà nhà thiết kế của bạn đã quyết định; như một hình ảnh, một bản hack flash, một số bản hack javascript, phông chữ động. Nhưng cho đến ngày nay, điều duy nhất dường như hoạt động trên tất cả các nền tảng là giải pháp văn bản dưới dạng đồ họa cũ. Tất nhiên, đây là một loại bùn, nhưng với mục đích tiếp cận, việc sử dụng một hình ảnh có chứa văn bản như một thuộc tính alt được coi là ok? Người dùng khiếm thị sẽ nhận được văn bản, cũng như các công cụ tìm kiếm. Hay tôi đang thiếu một cái gì đó?

9
Zano

Với một số hãy cẩn thận.

  • Nếu bạn thay đổi hình ảnh trong tương lai, alt thuộc tính cũng phải được duy trì.
  • Dường như các công cụ tìm kiếm gán giá trị cao hơn cho văn bản thực tế hơn là một hình ảnh có thuộc tính alt.
  • IMO, nếu bạn đang sử dụng điều này để điều hướng, bạn nên sử dụng @ font-face hoặc JavaScript để cải thiện menu văn bản thay vì thay thế nó bằng hình ảnh từ đầu.
7
Virtuosi Media

Đó là những gì alt dành cho, cho trình đọc màn hình và robot

9
Sruly

Nếu bạn bao gồm hình ảnh (thông qua img) trong HTML, luôn luôn sử dụng alt thuộc tính ( đôi khi với giá trị trống).

Nếu hình ảnh chứa văn bản và văn bản này là (một phần) nội dung có liên quan bạn muốn truyền tải, hãy đưa văn bản này vào alt giá trị.

nhưng với mục đích tiếp cận, việc sử dụng một hình ảnh có chứa văn bản làm thuộc tính alt được coi là ok?

Không. Mặc dù sẽ không có rào cản đối với người dùng trình duyệt văn bản hoặc người mù, người dùng mắc chứng khó đọc hoặc khiếm thị (có bật hình ảnh) có thể gặp vấn đề với hình ảnh văn bản:

  • Người dùng có thể điều chỉnh kích thước phông chữ, chiều cao dòng, khoảng cách chữ.
  • Người dùng có thể thay đổi họ phông chữ.
  • Người dùng có thể thay đổi màu sắc/độ tương phản.
  • Người dùng có thể chọn văn bản (ví dụ: để sao chép và dán). (như đã lưu ý by Kit Grose)

Có lẽ không có nhiều vấn đề đối với văn bản ngắn (một từ đơn, tiêu đề rất ngắn, nút kêu gọi hành động, Thẻ), nhưng nó có thể là một rào cản tiếp cận nếu được sử dụng cho văn bản dài hơn.

5
unor

Một trong những nhược điểm lớn nhất với đồ họa dưới dạng văn bản là không có khả năng mở rộng theo kích thước văn bản (lưu ý: kích thước văn bản, không thu phóng). Kích thước hình ảnh trong ems có thể giúp giảm thiểu điều này.

Ngoài ra, hãy nhớ rằng khả năng duy trì bị ảnh hưởng rất nhiều khi sử dụng hình ảnh, trừ khi chúng được tạo động.

Và, việc cung cấp hình ảnh khá kém hiệu quả khi tất cả những gì bạn muốn là một phông chữ tùy chỉnh - kích thước tệp của hình ảnh lớn hơn rất nhiều so với văn bản tương đương.

4
Bobby Jack

Tôi không thấy có vấn đề gì với nó cả. Tôi chưa bao giờ nghe ai nói rằng đó là một ý tưởng tồi. Nhưng cố gắng tránh hoặc làm như sau:

  • làm cho toàn bộ nội dung của một trang thành một hình ảnh (lỗi phổ biến do những người không biết họ đang làm gì) - điều này khiến cho hầu như không có gì để phân tích, kể cả các công cụ tìm kiếm
  • cố gắng tránh nó càng nhiều càng tốt - tốt hơn hết là nên có văn bản cho những thứ mà hình ảnh; nó chỉ làm cho mọi thứ dễ dàng hơn (sao chép một đoạn văn bản, SEO, v.v.)
  • thêm cả thuộc tính alt và tiêu đề - điều này đảm bảo rằng khi mọi người lướt qua hình ảnh, họ sẽ thấy chú giải công cụ (vì các trình duyệt khác nhau hiển thị các thuộc tính khác nhau); Tôi hầu hết làm điều này trên hình ảnh là các liên kết
1
Darryl Hein

Như những người khác đã nói, nếu bạn sử dụng phương pháp này, bạn phải cung cấp văn bản thay thế, tuy nhiên, tôi thực sự khuyên bạn không nên.

  • Thu phóng sẽ bị phá vỡ - Hình ảnh raster không thể mở rộng thành kích thước lớn hơn.

  • Hình ảnh chiếm nhiều không gian hơn văn bản, điều này sẽ tăng thời gian tải trang một cách mạnh mẽ.

  • Người xem thay đổi màu trình duyệt, ví dụ: vì mục đích dễ thay đổi thành ánh sáng tương phản cao trong bóng tối, sẽ không nhìn thấy hình ảnh chính xác và sẽ không nhìn thấy độ cao.

  • Chức năng sao chép dán sẽ bị hỏng (người dùng sẽ không thể sao chép bất kỳ văn bản nào và dán nó vào tài liệu dưới dạng văn bản).

  • Bố cục và Phản hồi - Khả năng đọc trên thiết bị di động có thể bị hỏng - Nếu văn bản không phải là văn bản, trình duyệt có thể không thể chia nó thành các dòng khác nhau để phù hợp với màn hình nhỏ hơn.

  • Nếu bạn đặt từng từ hoặc câu trong hình ảnh của chính nó, bạn có thể cải thiện bố cục, tuy nhiên, bạn có thể phá vỡ phân tích văn bản (SEO).

  • Có những cách thường được hỗ trợ để thực thi phông chữ hiển thị bằng tệp CSS và phông chữ. Nếu một số trình duyệt cổ không hỗ trợ điều này, bạn không nên khiến tất cả người dùng trình duyệt hiện đại phải chịu đựng vì lợi ích của họ.

0
Danny Varod

Giá trị của văn bản thay đổi đang giảm từ quan điểm SEO, vì vậy có vẻ như tất cả chúng ta đều có thể tập trung vào khả năng truy cập và tối ưu hóa văn bản thay thế cho trình đọc màn hình.

Theo tôi biết, nó chỉ có một số phần trăm ảnh hưởng đến thứ hạng SERP của bạn

0
Roland Pokornyik