用途
本技能属于前端检查清单中的无障碍规则，用于审查与「避免使用文字图片（Avoid images of text）」相关的渲染 HTML、交互组件与设计系统模式。其目的是确保页面中承载信息的文字以真实 HTML 文本呈现，而不是以图片形式内嵌，从而保证可访问性。
主要能力
- 快速参考：使用真实 HTML 文本代替图片中的文字；图片中的文字无法缩放、翻译或被屏幕阅读器朗读；Logo 与装饰性排版可作例外；使用 CSS 与网页字体实现风格化文字效果。
- 检查（Check）：识别包含文字内容的图片，核实该文字是否无法以真实 HTML 文本呈现。例外包括 Logo、装饰性排版，以及必须精确呈现视觉效果的情况。
- 修复（Fix）：用 CSS 样式的真实 HTML 文本替换文字图片；若文字图片确有必要，在 alt 属性中提供等价文本；可考虑使用内嵌文本的 SVG 实现可缩放排版。
- 说明（Explain）：解释文字图片为何无法被用户缩放、缺少替代文本时无法被屏幕阅读器读取、放大时无法重排，并会给翻译与文本自定义带来障碍。
- 代码审查（Code Review）：审查渲染后的标记与交互状态，指出违反该规则的具体元素、角色（role）、标签、焦点行为或键盘交互，并说明如何通过浏览器无障碍工具或辅助技术验证修复。
使用方式
先检查原生语义（native semantics），再检查渲染后的 HTML、交互组件与设计系统模式。执行步骤依次为：Check（识别文字图片并核实）、Fix（替换为真实文本并提供替代方案）、Explain（说明障碍原因）、Code Review（审查具体违规元素与交互状态）。完整的实现细节、代码示例和框架相关指引见 references/rule.md，规则页面为 https://frontendchecklist.io/rules/accessibility/text-in-images。
适用场景
适用于前端开发与无障碍审查过程中，对包含文字的图片、需要风格化排版的设计系统组件、以及依赖图片渲染文字的界面进行可访问性检查与修复。
限制
资料未提供该规则的具体收费、价格、平台限制或效果承诺信息；允许的例外情形（Logo、装饰性排版、必须精确呈现视觉效果）需按规则说明判断，其余未提及的细节暂未提供。