萬安云 个人中心
萬安云 › 技能广场 › accessibility-compliance S8494
AIXX SKILL · 编号 S8494 · 萬安品控 100 分

Implement WCAG 2.2 compliant i…

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility,…

$1.99 一次买断 永久使用 · 永久维护迭代 分钟级交付 商用素材 · 文件可下载
WHAT YOU GET

accessibility-compliance能帮你做什么

不说虚话——S8494 交付的是能直接拿去用的成品,不是“AI 能做”的空话。

◈
说清就开工

用大白话交代任务,它会先确认关键细节再动手,不瞎猜。

◆
一次到位

输出带结构与说明,拿来就能用,不用再自己整理格式。

▦
可组合

与 AIXX 其他技能叠加使用,组成你自己的工作流。

✎
越用越顺手

把常用要求沉淀成一句话模板,下次直接复用。

REAL OUTPUT

真实任务实跑产出

下面是真实任务由 S8494 实际生成的内容节选——不是宣传文案,是它真的干出来的活。

✦ 示例作品

accessibility-compliance · 实跑样例

任务:把我们公司官网(React搭建,约40个页面)按WCAG 2.2 AA标准做无障碍改造,重点修色彩对比度、表单label和键盘导航,下周二前给我整改清单。

# 官网 WCAG 2.2 AA 无障碍整改清单

一、色彩对比度(SC 1.4.3 / 1.4.11)

  • 文本对比度:用工具(如 axe DevTools、WebAIM Contrast Checker)批量扫描全站40个页面,正文及UI文字对比度需≥4.5:1,大号文字(18pt/14pt粗体以上)≥3:1
  • 非文本元素:按钮边框、输入框边框、表单焦点框、图表区分线条等图形元素对比度≥3:1
  • 禁用纯色彩传达信息:错误提示不能只用红色,需配合图标+文字;链接不能仅靠颜色区分,需下划线或其他视觉线索
  • 落地方式:整理色板文档,替换不达标颜色变量;重点检查品牌主色作为文字背景的场景

二、表单label(SC 3.3.1 / 3.3.2 / 1.3.1 / 2.5.3)

  • 所有input必须有可编程关联的label:使用<label for>关联,禁止仅用placeholder代替label
  • 必填项标识:用文字(如“必填”)+aria-required标注,不只靠星号颜色
  • 错误提示:错误信息需用文字描述且与字段关联(aria-describedby),并在提交时聚焦到第一个错误项
  • 输入提示:格式要求(如日期格式)在label或说明文字中提前告知
  • 落地方式:排查订阅、联系、登录、搜索等表单组件,封装统一的Form组件规范

三、键盘导航(SC 2.1.1 / 2.4.3 / 2.4.7 / 2.4.11)

  • 全站可Tab操作:用纯键盘走一遍全部页面和交互(菜单、弹窗、轮播、下拉框),确保无键盘陷阱
  • 可见焦点指示:检查CSS中是否有outline: none却未提供替代焦点样式;焦点框需≥3:1对比度
  • 焦点顺序:与视觉阅读顺序一致,弹窗打开时焦点移入、关闭后焦点返回触发按钮
  • 跳过重复内容:首页及公共布局加“跳到主内容”链接
  • 落地方式:重点排查React自研弹窗、手风琴、导航下拉等组件,优先改用成熟的无障碍组件库(如Reach UI、Radix UI)

四、补充项与执行安排

  • 其他常见问题:图片alt缺失、语义化标签(landmark/heading层级)、页面title、语言声明
  • 周前完成:axe + Lighthouse自动化扫描(周一出报告)→ 人工键盘走查 → 按页面分组整理成Excel清单(问题描述/位置/违反条款/修复建议/优先级)
  • 建议:优先级排序——表单与键盘交互(功能性阻断)>对比度>其他;修复后回归测试

如需,我可以进一步给出自动化扫描的具体执行步骤或清单模板结构。

WHY S8494

三种做法,一比就知道

再招一个人自己摸索萬安云 S8494
价格月薪数千起反复试错数小时$1.99 / 次
交付周期招聘+培训数周质量不稳定分钟级
独特性流动风险无人复核按你的任务从零生成
改稿迭代加钱,走流程反复试错说话就能迭代
GET STARTED

两步,让它开工

不用碰终端——你只管对 agent 说话,跑命令的活它来。

1
第一步 · 装AIXX

对你的 agent 说:

帮我运行npx aixxai install ┄┄┄┄┄┄
2
第二步 · 装技能

对你的 agent 说:

安装编号S8494
Codex
CodexOpenAI
Claude Code
Claude CodeAnthropic
OpenClaw
OpenClawOpen Source
Qwen
QwenAlibaba
Doubao
DoubaoByteDance
WorkBuddy
WorkBuddyTencent Cloud
ZCode
ZCodeZ.ai
···
更多AND MORE

以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能

FAQ

你可能想问

accessibility-compliance怎么安装使用?

三步:终端执行 npx aixxai 安装 AIXX;对您的 AI 说「安装编号 S8494」;交代任务背景与要求,accessibility-compliance即刻开工。

accessibility-compliance多少钱?怎么付费?

$1.99 一次买断(参考价,实际以平台标价为准)——永久使用,无订阅、无月费;该技能由萬安永久维护迭代,更新对已购用户免费。

产出内容能商用吗?

可以。产出为普通数字文件,归购买者使用,可用于商业场景。

具体能帮我做什么?

把你手头这件重复、费时、有固定套路的活交给它——先描述任务和背景,它会确认要点后直接产出成品,不满意可以继续改。

输出质量不稳定怎么办?

在指令里补充背景、受众与格式要求(例如“面向中小企业主、300 字以内、分三点”);要求越具体,产出越稳。

PRICING

一价买断,没有套路

一次买断
$1.99/技能

永久使用 · 无订阅无月费 · 永久维护迭代

现在,把accessibility-compliance装进你的 AI

一行命令,几秒接入萬安云

npx aixxai
html>