UI 设计语境 · 主题 / Accessibility & Performance
可访问性与性能
将语义、键盘、对比度、响应速度和稳定性纳入 Web UI 基础。
关键字段
Identity · 身份
- 子类型
- UI 设计语境主题
- 父级类目
- Web 界面设计
- 层级
- UI 设计语境 · 主题
What · 是什么
- 定义
- 将语义、键盘、对比度、响应速度和稳定性纳入 Web UI 基础。
Why · 为什么
- 核心问题
- 页面是否能被更多人操作,并在合理时间内稳定呈现?
- 分类目的
- 建立可访问、快速、稳定的页面体验。
Where · 在哪里
- 适用场景
- 通用 Web 设计框架、Input、Portal
Lifecycle · 生命周期
- 状态
- 草稿
所属 UI 领域与横向 Web 关系
关系来自本地关系表,并包含反向关联。
- Accessibility StatementAccessibility Statement反向 · 应用于
公开说明无障碍承诺、支持范围、已知限制和反馈渠道。
- Cookie / Privacy ConsentCookie / Privacy Consent反向 · 应用于
解释 Cookie、追踪和隐私选择,并让用户能接受、拒绝或细化设置。
- Cookie Preference CenterCookie Preference Center反向 · 应用于
让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。
- Security & ComplianceSecurity & Compliance反向 · 应用于
解释安全、隐私、合规、数据处理和认证信息,支持高风险决策。
- Web 界面设计Web Interface Design属于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- PortalPortal应用于
将浮层或上下文内容渲染到独立挂载点,同时保留语义和交互关联。
- Focus RingFocus Ring反向 · 应用于
统一表达键盘焦点和当前交互目标的视觉轮廓。
- Visually Hidden TextVisually Hidden Text反向 · 应用于
只为辅助技术或上下文提供说明而不显示在视觉布局中的文本。
- Alert DialogAlert Dialog反向 · 相关
要求用户确认、处理或理解高影响信息的模态警示对话框。
- Confirmation PopoverConfirmation Popover反向 · 应用于
在原地确认危险或不可逆操作,避免完整模态打断。
- Contextual HelpContextual Help反向 · 应用于
在不打断主要流程的情况下提供字段或任务上下文帮助。
- Inline AlertInline Alert反向 · 相关
在当前内容上下文中报告重要提醒、错误或状态变化。
- Live RegionLive Region反向 · 应用于
为异步变化、通知和状态更新提供辅助技术可感知的消息区域。
- Progress TrackerProgress Tracker反向 · 应用于
用步骤、状态和完成度表达长任务或流程进展。
- Result PanelResult Panel反向 · 应用于
在操作或查询完成后集中呈现结果、解释和后续动作。
- ToggletipToggletip反向 · 应用于
通过点击或聚焦触发、可被关闭的短提示浮层。
- AccordionAccordion反向 · 属于
通过展开和收起控制一组附加内容可见性的组件。
- FormForm反向 · 属于
组织多个输入、校验、提交和结果反馈的任务组件。
- InputInput应用于
收集单项文本、数值或格式化信息的基础表单控件。
- TabsTabs反向 · 属于
在同一上下文中切换互斥内容面板的组件。
- ToggleToggle反向 · 属于
表示并即时切换一个二元设置状态的控件。
- 通用 Web 设计框架Universal Web Design应用于
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。