免费在 GitHub 公开中文介绍

image-redundant-alt

检查图片替代文本中“图片”“照片”等冗余措辞及与周边文字重复的内容，将其修改为简洁且能通过屏幕阅读器传达图片含义的说明。

原文查看原文说明

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid redundant image alternative text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias/Front-End-Checklist

AI 评分100分/ 100 查看安装方法

适用场景

检查图片替代文本
减少与图片说明的重复
确认修改后的朗读效果

中文介绍

功能

检查图片替代文本，修改让屏幕阅读器朗读变得冗长的措辞。查找alt属性中“图片”“照片”等前缀，以及与相邻文字重复的说明，将其整理为简洁、能传达图片含义的文本。通过检查渲染后的HTML，定位有问题的具体元素，并说明修改后的验证方法。

适用场景

适合审查网页的无障碍体验，或确认图片与图片说明在朗读时是否重复。屏幕阅读器是一种将屏幕内容读出的软件；使用此技能，可检查其用户是否获得所需信息，既不遗漏必要内容，也不重复提供多余说明。

使用示例

“检查这个页面中图片的alt，修改冗余措辞。”
“找出与旁边文字重复的替代文本，并告诉我如何验证修改。”

注意事项

屏幕阅读器本身会说明某个元素是图片，因此替代文本无需重复这一信息。修改后，应使用浏览器的无障碍检查功能或辅助技术验证朗读结果。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好明确检查图片alt中的冗余前缀及与周边文字重复的内容。
步骤具体性步骤、输入输出和示例是否具体: A良好提供了image of等检测示例、alt修改标准，以及定位元素和说明验证方法的要求。
安全性发送数据、删除文件、执行命令等是否有说明: A良好主要修改alt文本，不涉及外部发送、删除或凭据操作。
安装难易度所需工具和 API 密钥是否少且有说明: A良好以检查HTML和alt文本为主，无需API密钥、付费服务或特定操作系统。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月23日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（2）

SKILL.md1.7 KB
references/rule.md2.7 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Avoid redundant image alternative text

Redundant alt text increases the verbosity for screen reader users without adding value, leading to a poorer user experience and slower navigation.

Quick Reference

Do not repeat 'image of' or 'picture of' in alt text
Avoid alt text that exactly matches adjacent text
Keep alt text concise and focused on the image's meaning

Check

Scan image alt attributes for redundant phrases like 'image of', 'photo of', or text that duplicates surrounding content.

Fix

Remove redundant phrases from the alt attribute and ensure the text provides unique, descriptive information.

Explain

Explain why screen readers already announce 'graphic' or 'image', making phrases like 'image of' unnecessary and repetitive.

Code Review

Review the rendered markup and interactive states that affect Avoid redundant image alternative text. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/accessibility/image-redundant-alt

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能