首页 > 解决方案 > 我可以选择不显示图像的替代文字吗?我可以设置 alt 标签的样式吗?或者为非视障人士隐藏它们?

问题描述

初学者问题请见谅。

为了便于访问,我在图像上有 alt 标签。

但是,当图像不可用时,它会显示作为电影标题的 alt。下面是电影的实际标题。标题显示两次,看起来不太好。

那么有没有办法不显示alt标签?当然仍然保留它以供屏幕阅读器等使用?

如果是这样,那么如何。

如果没有,那么您可以为 alt 设置样式吗?

菜鸟问题我知道,我只想坚持最佳可访问性实践,同时制作漂亮的网站。

标签: htmlcssaccessibility

解决方案


是的,您可以设置 alt 标签的样式,这是一种很好的做法,尤其是在电子邮件通讯或可能会阻止图像加载的平台中。您所要做的就是在 img 标签上添加内联样式或在 img 外部添加样式(字体、颜色、大小、对齐方式等)

对于标题和 alt 问题,您可以做的下一个最好的事情是仍然使用 alt 标签,但将其留空。这将允许屏幕阅读器仍然识别 alt 标签的存在,同时仍然具有上下文,因为电影的标题仍将被显示/读取。


推荐阅读