图像映射的最佳实践

Question

以下是该方案。我被要求维护一个已经存在的网站。他们正在寻求重新设计网站。他们为我提供了设计师的照片。我注意到前一个设计师将图像嵌入到html中，并使用图像映射通过坐标链接到相应区域的链接。

我很想做同样的事情。他们提供了我的photoshop文件。

让我们说拍摄他们提供给我的照片，将其作为背景图片并将图像映射到链接是否是正确的做法？

Answer 1

在阅读上面的your comment之后，我可能会说这个想法真是一个非常糟糕的练习。

有许多缺点，这里有一段摘录：

• 搜索引擎无法抓取文字

• 有障碍的人会有很大的问题

  • 屏幕阅读器
  • 高对比度模式

  
  系统无法利用真实文本形式的文本，因此可以应用高对比度主题或将文本输入屏幕阅读器。

• 缩放不可能
  由于光栅图像无法正确缩放，因此用户无法调整字体大小或网站的整体缩放级别。 （我假设你不使用矢量图像。）

• 无法复制文字部分

• 应用CSS，JS或任何其他效果根本不可能，因为您无法在图片中引用任何内容！你只有坐标！您可以设置任何关联的DOM元素，也可以使用其可以使用的事件侦听器。

• 修改图片也会触发<map>中所有坐标的更改。