dev.to | 📄 原文链接 | 2026-09-04 收录

可访问且功能完整的数量微调器模式

来源:dev.to — 2026-09-02

📋 概述

电商、订票、订餐平台的「数量选择器」看似简单,却是用户旅程里的关键一环——实现糟糕不仅可能损失销售,更会为残障用户制造挫败体验。作者 Mica 以「No ARIA is better than Bad ARIA」为座右铭,系统比较了两条路线:W3C APG 用 role="spinbutton" 加 type="text" 的官方示例,与原生 type="number" 的 HTML 方案。她梳理了键盘、NVDA、VoiceOver、TalkBack 四大读屏的期望行为,指出 APG 的 text 方案违背 spinbutton 角色「天生收数字」的本性、要大量程序化补丁且各读屏播报方式混乱;而原生 number 方案虽受浏览器引擎差异(尤其 WebKit/Android)困扰,但只要补一个 role="spinbutton" 就能消除大部分兼容性问题,因此更值得推荐。

🔑 核心要点

💡 金句

AI 助手与残障用户一样靠 Accessibility Tree 导航网页——现在又多了一个必须被纳入考量的新玩家。
← 返回 dev.to 首页