前端应用
frontend-performance-accessibility
更新于 2026-08-21
Web Performance · 无障碍规则
Accessibility rules for Web Performance: semantic-first markup, verified keyboard paths and contrast budgets.
- 技术栈
- Web Performance
- 主题
- 无障碍
- 条目
- 9 条
- 版本
- v0.2.0
✓ 应当这么做
- ✓ Use semantic elements before adding ARIA roles
- ✓ Verify keyboard order and focus return on every interactive change
- ✓ Maintain a 4.5:1 contrast ratio for body text in both themes
✕ 常见反模式
- ✕ Click-handler divs with no keyboard equivalent
- ✕ Focus traps with no escape path
- ✕ Colour as the only carrier of meaning
◎ 交付前验证
- ◎ Production build completes and the bundle budget is respected
- ◎ No critical CSS purged by the optimizer (spot-check key pages)
- ◎ Lighthouse/axe pass on the main route after the change
同分类条目
40 篇前端应用
React 工程规则
React 19 delivery rules: pure render, server actions and stable list identity
前端应用
Next.js 工程规则
Next.js 15 App Router rules: async cookies/headers and server/client boundary discipline
前端应用
Nuxt 工程规则
Nuxt 3 rules: data fetching composables and SSR-safe state
前端应用
Vue 工程规则
Vue 3 Composition API rules: pure computed state and typed props
前端应用
Svelte 工程规则
Svelte 5 rules: runes-based reactivity and effect discipline
前端应用
Solid 工程规则
Solid.js rules: fine-grained reactivity without dependency-array leakage