搜索引擎或屏幕阅读器如何提取内联标签？

Question

我们以此为例，其中标题的字体权重为正常，但徽标的两位数字和最后一部分以粗体显示：

<h1>20<span>14</span> Stack<span>overflow</span> takes over</h1>

搜索引擎和屏幕阅读器如何阅读？它会导致：

  

2014年Stacokoverflow接管

或：

  

20 14堆栈溢出接管

是否有必要在title - 属性中添加整个文本？

<h1 title="2014 Stacokoverflow takes over">[…]</h1>

Answer 1

使用默认设置的屏幕阅读器将读取2014年的完整数字。但是，用户可以启用字体更改公告，在这种情况下，他/她将听到“20粗体14”。
至于标题，这样做是没有意义的，因为（如果默认情况下）如果开始标记和结束标记之间有一些文本，标题将被忽略。