alt文本中的换行符

Question

我是否可以在替代XHTML 1.0 Strict标准的图像的alt文本中使用某种换行符？

像这样......

<img src="foo.jpg" alt="Line 1\nLine 2" />

我问,因为我想在我的网站上发布以下屏幕截图,但我想在替代文字中包含纯文字版本以用于SEO原因和视障人士.

我更喜欢纯文本版本的屏幕截图,因为它看起来更具视觉吸引力.

Answer 1

只需使用正常的换行符.

<img src="foo.jpg" alt="Line 1
Line 2" />

Stack Overflow在他们的标题中做到这一点:)

然后添加这个CSS:

img{white-space:pre}

演示:http://jsfiddle.net/Madmartigan/S8SXP/

Answer 2

更好的方法是只添加换行符或回车符的HTML字符代码.

 line feed is &#10
 carriage return &#13

Answer 3

我想你可能会太努力了.
alt文本应该是图像的替代,而不是它的某种文字表示.

正确标记等等,这将是一个带有子列表的无序列表,屏幕阅读器将从HTML元素的嵌套中获取关系信息.用一些换行符代替它来获得粗略的视觉近似并不是一回事,例如.你打算如何"显示"屏幕阅读器,第一次换行后的块是"错误内部"？
而且我怀疑搜索引擎会在alt文本中使用换行符而不是丢弃它们.(不可否认是投机性的.)

你真正追求的是以某种方式包括图像所具有的嵌套/关系信息,而不是文本.从"来自[app]的通知的屏幕截图开始,显示两个错误[详细信息如果您需要]和两个信息项[详细信息]"等.

或者你可以变得非常迂腐,实际上用HTML创建列表,然后使用图像替换技术插入图像.