html - 图像格式的两种颜色替代文本 - 有没有办法？

Question

有没有办法改变alt文字的颜色？我想让alt文本有两种不同的颜色。“第一个”蓝色和“最后一个”红色？

<img id="header-logo" alt="FirstLast" style="color:#000000;text-decoration:none;font-family:Helvetica,arial,sans-serif;font-size:50px;max-width:50%!important;height:auto!important" width="300" border="0">

https://jsfiddle.net/9a8grqfx/

标签： htmlcssinline

Answer 1

存在该属性的主要原因alt是可访问性：如果视障人士使用屏幕阅读器“查看”网站，则alt屏幕阅读器将向该人阅读该属性内的文本（或者较少使用“可刷新盲文显示器”） .

在这种情况下，无论文本是蓝色、红色、绿色、大还是小、上下颠倒或其他任何东西都绝对无关紧要——阅读它的人不会看到它的样子。唯一重要的是属性的内容提供了对图像显示的视觉内容的良好口头描述（这是可访问性指南所要求的）。

因此，如果属性内容不是具有描述性的，而是尝试执行一些视觉效果，那么您所要求的内容将毫无用处，甚至可能适得其反。