我有一个带有title和alt属性的图像元素，这是SEO优化所必需的。但是当用户悬停在图像上时。屏幕阅读器(NVDA(读取图像和alt文本，即使它们具有相同的文本。我需要找到一种方法，让屏幕阅读器忽略其中一个，特别是alt.有人知道解决方案吗？感谢
<img
className={className}
src={src}
alt={alt}
title={title}
loading="lazy"
{...props}
/>
您应该删除标题并只使用alt.
所有屏幕阅读器处理alt和title的方式不同。它们都读alt，但当title也出现时，它们的行为会有所不同，事实上它是可配置的(例如Jaws允许配置它(。
- 一些屏幕阅读器只阅读alt而完全忽略标题
- 一些屏幕阅读器同时阅读alt和title
- 一些屏幕阅读器同时阅读title和alt
- 一些屏幕阅读器同时阅读这两种内容，但前提是它们不同
- 一些屏幕阅读器只阅读其中最长的一个，而忽略了另一个
这就是为什么不鼓励使用标题的原因，因为不可能确切知道实际会读到什么。alt属性是唯一可以使用的可靠替代文本。
此外，忘记所有SEO的事情。没有人真正知道你的所作所为是否有任何影响。这总是纯粹的猜测。先考虑用户，然后再考虑机器。
您可以添加aria hidden="真"，如果alt和title都存在