SuperAPI AI 工具集

web-performance-seo

营销与增长

查看项目

更新于 10-16 01:11

技能介绍

用途:当 PSI/Lighthouse 无障碍审计出现“!”或错误而非数值分数,或 color-contrast 审计报错、getImageData 失败时,用此技能定位并修复对比度问题,改善影响 SEO 的无障碍信号。

主要能力:按优先级修复常见触发因素——移除 CSS 滤镜/backdrop blur 与 mix-blend-mode;将 OKLCH/OKLAB 颜色转为 HSL/RGB;提高背景透明度阈值(背景 ≥0.4,建议 ≥0.6,如 /10→/40、/20→/40、/30→/60);为渐变文字添加纯色回退;为图片上的文字添加不透明遮罩。

使用方式:先运行 Lighthouse 或 PSI 复现并记录失败审计名;用快速扫描命令定位代码,例如 rg -n "backdrop-blur|filter:|mix-blend-mode" .、rg -n "oklch|oklab" .、rg -n "/10|/20|/30|opacity-25|opacity-0" .、rg -n "background-clip.*text|color.*transparent" .;按优先级修复后本地用 Lighthouse/axe 验证,部署后再用 PSI 验证。

验收标准:无障碍分数为数值而非“!”;color-contrast 审计通过或列出可操作项;普通文字对比度 ≥4.5:1,大号文字 ≥3:1。

限制与注意:“!”表示审计失败而非低分;务必先在本地测试,再等待 PSI 更新。资料未提供安装命令、收费或平台支持信息。