结论先说:当互换链接以图片形式出现时,光有 alt 文字不够,必须让图片的可访问名称和周边文字共同说明“点进去会到哪、对方页面提供什么”。如果图片只是装饰、点击后仍停在本页锚点,那这套说明方式就不适用,应改用普通文字链接或直接取消点击。
互换链接的常规做法通常是给一张 logo 图加上对方站点地址,alt 写对方品牌名。这个做法解决的是图片加载失败时的替代信息,但没有回答点击之后用户会得到什么。可访问名称如果只写品牌名,读屏用户听到的是“某某品牌,链接”,与页面正文里的互换说明脱节。
更稳妥的写法是让图片的可访问名称包含目的,例如写成“前往某某站点查看其工具介绍”,而不是只写“某某 logo”。如果互换位置旁边已有文字说明,可以把图片设为装饰性图片,让文字链接承担跳转,这样可访问名称不会和正文重复。
选择一:图片本身可点击。成立条件是互换位没有足够空间放文字链接,且图片能表达对方主体。此时 alt 或 aria-label 要写清“点击后到达的页面主题”,并在图片下方或同段落补一句文字说明。
选择二:文字链接为主、图片为辅。成立条件是互换位有文字空间,或对方页面主题无法用一张图说清。此时图片 alt 留空并标记为装饰,跳转交给文字链接,点击目的由文字直接表达。
两种选择的分界线不是图片好不好看,而是用户能否在不看图的情况下判断点击结果。
假设互换图片点击后并不离开当前站,而是展开一段本页的说明文字。这时把可访问名称写成“前往某站”就是错的,因为点击目的其实是展开内容,不是跳转。反例说明:说明点击目的之前,要先确认点击行为本身是跳转、展开还是触发其他动作。行为不同,名称写法就不同。
另一个失效条件是图片同时承担多个链接,比如一张图里切出多个热区。此时单个可访问名称无法覆盖全部目的,应拆成多个可独立聚焦的链接,或改为文字列表。
完成这一步后,下一步不是继续批量修改所有互换图,而是先确认该互换位的点击行为是否统一。行为不统一时,批量改名称只会把错误扩散到更多位置。
如果互换位同时出现在页脚和正文,优先处理正文中的图片链接,因为正文语境更能承载“点击目的”的说明;页脚位置空间有限时,改用文字链接通常比硬塞图片说明更清楚。