可以在标题元素上使用咏叹号吗？
可以在标题元素上使用咏叹号吗？
提问于 2020-04-15 11:17:16
我有一个页面，其中的<title>标签包含了一些文本(特别是:部门名称)，屏幕阅读器发音不太好(部门的名称是‘AskHR’--这是人力资源部的服务台)。
我想为屏幕阅读器提供一个更可读的版本(‘问答器’)，同时保留更有风格的版本，以便于视觉显示。我正在考虑使用aria-label来实现这一目标，但我不确定它是否可以应用于<head>中的<title>元素。
有人能确认这是否有效吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-15 21:50:58
我不认为这是正确的。
首先，并非所有屏幕阅读器都是平等的！
你想要做的事情可能在一些人身上奏效，但在另一些人身上却行不通。例如，VoiceOver如您所期望的那样读出"AskHR“。(并忽略aria-label属性。)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title aria-label="xxx">AskHR</title>
</head>
<body>
<button aria-label="close">X</button>
</body>
</html>我认为这可能更接近你想要做的事情，但支持是有限的：
.label {
speak-as: spell-out
}请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style/speak-as
如果我们在Chrome中查看上面的示例，您会看到<button>元素的如下内容：
aria-label属性接管按钮内容。VoiceOver读出“关闭”而不是"x“。
然而，这正是我们对<title>所看到的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61227369
复制相关文章
相似问题
腾讯云开发者
