2026-10-16 · 晨报
往期
今日 / 设计系统与案例 / 2026-10-16
设计系统与案例

Atlassian 设计系统无障碍:日期时间选择器从 52 键到 12 键

系统审计后改造高频日期时间选择器:键盘切年从超 52 次减至 12 次,边框/焦点环至少 3:1 对比,并关掉焦点即自动打开日历的干扰。

结论

Atlassian 把日期时间选择器的键盘路径从 52 键砍到 12 键,把审计发现直接写回组件默认。

原文摘录

Keyboard navigation required more than 52 keystrokes to switch years… Simplified navigation: Reduced keyboard input from 52 to 12 keystrokes… over 6,000 accessibility issues resolved between June 2024 and June 2025

来源

发生了什么

2025-12-15 Inside Atlassian 文介绍将无障碍写入设计系统 DNA。审计后优先改造高频日期时间选择器:边框对比不足、焦点管理不一致、切年要超 52 次键盘操作、焦点即自动打开日历干扰读屏。改版含语义结构与标签、键盘路径减至 12 次、一致校验与错误文案、精简 live region、边框/焦点环至少 3:1 对比。文称 2024-06 至 2025-06 凭基础层工作解决逾 6000 个无障碍问题。

为何相关

复杂表单控件与设计系统负责人可对照:如何把组件审计转化为可度量的交互改进(键程、对比、自动弹出策略),并回灌 token/组件默认。

边界

6000+ 为公司自报汇总,非该选择器单组件数据;未附第三方审计报告全文。