如何检查邮件文案与布局的无障碍体验。
在图片不可用时检查阅读顺序和链接目的。视觉上精美的邮件,使用辅助技术时仍可能难以理解。
按任务需求调整流程。
检查所提供邮件的文字顺序、标题、图片和链接。找出图片不可用时丢失的信息并提出有意义的标签,再用合适的无障碍工具检查实际布局。
- 你需要提供什么
- 邮件 HTML 或文案。
- 你会得到什么
- 标题、链接标签和阅读顺序问题。
查看输入和结果。
演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果
示例 个输入项
An HTML email has image-only headings and several linked icons with no accessible names. No rendered layout supplied.
完整示例
Issue 1: headings are available only as images; provide meaningful text headings or an appropriate text alternative. Issue 2: linked icons lack accessible names; name each destination or action. Unverified: contrast, reading order and client-specific rendering. Inspect the actual email before reporting a complete accessibility result.
将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
无障碍措辞能弥补不可访问的邮件布局吗?
它有帮助,但结构、对比度和客户端渲染同样重要。应审查整封邮件,而不是将文案视为唯一因素。
为什么带链接的图标在没有图片时失去意义?
提供描述每个目标的无障碍名称。当视觉符号不可用时,链接目的仍应可理解。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。
自定义并复制任务 ↑