Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 前端基础

  • 应用框架

  • 工程能力

  • 应用基础

    • 兼容性

    • 前端安全

    • 国际化

    • 性能优化

    • 换肤

    • 无障碍

      • 无障碍开发总结
        • 介绍
        • 焦点管理
        • 基本原则
        • 使用 ARIA
        • 常用组件编写示例
          • 1. 按钮
  • 专业领域

  • 业务场景

  • 大前端
  • 应用基础
  • 无障碍
gahing
2023-05-16
目录

无障碍开发总结草稿

# 介绍

通过调整 HTML 的结构和标签,增加 HTML 属性,配合 CSS 和 JS 来提升页面的可访问性和无障碍性

# 焦点管理

# 基本原则

  1. DOM 顺序和 Tab 顺序保持一致
  2. 为非文本元素萨提供文本说明
  3. 尽量使用语义化标签

# 使用 ARIA

# 常用组件编写示例

# 1. 按钮

增加 aria="button" aria-label="按钮描述"

编辑 (opens new window)
上次更新: 2024/09/01, 23:56:56
前端换肤开发总结
Deno开发总结

← 前端换肤开发总结 Deno开发总结→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式