SuperAPI AI 工具集

accessibility-deep-patterns

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:面向需要实现高级无障碍设计的开发者与设计者,提供超越基础规范的深度模式,覆盖 ARIA、屏幕阅读器优化、认知无障碍和运动障碍设计。

主要能力: ARIA 模式:实时区域使用 aria-live="polite" 处理非紧急更新,aria-live="assertive" 处理错误与警报等紧急信息;地标角色包括 main(主内容)、nav(导航块)、aside(补充内容)、form(表单区域),当地标重复出现时用 aria-label 区分。 动态内容:向屏幕阅读器播报新增内容;焦点管理,将焦点移至新内容(模态框、展开区域);加载状态在容器上使用 aria-busy="true"。 认知无障碍:使用简单语言(目标为八年级阅读水平);所有页面保持一致的导航模式;不依赖记忆,展示信息而非要求回忆;将复杂任务拆分为简单步骤;允许撤销而非强制确认。 运动障碍:点击/触摸目标至少 44px,理想 48px 以上;目标间距至少 8px;支持开关控制和语音控制;除非可调节,否则不设限时交互;使用粘性/固定操作按钮减少鼠标移动距离。

使用方式:资料未提供具体安装命令或调用步骤,仅以 HTML 属性与设计原则示例呈现,可直接参考这些模式在项目中应用。

适用场景:需要提升产品无障碍水平的 Web 界面开发、设计评审与前端实现。

限制:资料未说明平台、收费、价格或效果保证;部分内容为原则性建议,具体实现需结合项目验证。