Web Accessibility All In One

Web Accessibility All In One

a11y / Accessibility / 可访问性(无障碍)

Web Accessibility All In One

Accessibility (often abbreviated to A11y — as in, “a”, then 11 characters, and then “y”) in web development means enabling as many people as possible to use websites, even when those people’s abilities are limited in some way.

Web 开发中的可访问性(通常缩写为 A11y,如”a”,然后是 11 个字符,然后是”y”)意味着让尽可能多的人使用网站,即使这些人的能力在某些方面受到限制。

Web Accessibility All In One

https://developer.mozilla.org/en-US/docs/Web/Accessibility

https://www.w3.org/WAI/fundamentals/accessibility-intro/

https://a11y-style-guide.com/style-guide/

W3C

Web Accessibility Initiative / WAI

无障碍网页倡议

https://www.w3.org/WAI/standards-guidelines/wcag/conformance-logos/

Web Accessibility Initiative – Accessible Rich Internet Applications / WAI-ARIA

Accessible Rich Internet Applications

可访问的富 Internet 应用程序

https://www.w3.org/WAI/standards-guidelines/aria/

https://www.w3.org/TR/html-aria/

dark theme & React Toggle Component

https://overreacted.io/goodbye-clean-code/

Web Accessibility All In One

https://github.com/gaearon/overreacted.io/blob/master/src/components/Toggle.js#L172

https://github.com/gaearon/overreacted.io/blob/master/src/components/Toggle.css#L34

aria-label

aria-label="Switch between Dark and Light mode"

Web Accessibility All In One

https://github.com/gaearon/overreacted.io/commit/d1b5b0fc0361e6424f179033877fc4fe930a6970

refs

©xgqfrms 2012-2020 www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!

Original: https://www.cnblogs.com/xgqfrms/p/16545633.html
Author: xgqfrms
Title: Web Accessibility All In One

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/554016/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 熟悉事件循环?那谈谈为什么会分为宏任务和微任务。

    什么是事件循环 在了解事件循环前,需要一些有关 JS 特性的前置知识。 JS 引擎是单线程的,直白来说就是一个时间点下 JS 引擎只能去做一件事情,而 Java 这种多线程语言,可…

    技术杂谈 2023年5月31日
    086
  • Mac升级node.js

    第一步,先查看本机node.js版本: $ node -v 第二步,清除node.js的cache: $ sudo npm cache clean -f 第三步,安装 n 工具,这…

    技术杂谈 2023年5月31日
    076
  • Redis缓存雪崩、缓存穿透、缓存击穿

    缓存雪崩 Redis中的缓存数据是有过期时间的,当在同一时间大量的缓存同时失效时就会造成缓存雪崩。解决方案1、设置Redis中的key永不过期,缺点是会占用很多内存2、使用Redi…

    技术杂谈 2023年7月25日
    077
  • Centos安装mysql57

    1.1 MySQL安装 1.1.1 下载 wget 命令 yum -y install wget 1.1.2 在线下载mysql安装包 wget https://dev.mysql…

    技术杂谈 2023年7月24日
    078
  • 应用程序现代化权威指南

    什么是应用程序现代化 简单来说,软件现代化、老旧系统现代化或老旧应用现代化都是指替换或升级旧软件的过程。根据系统的情况和公司的情况,对软件进行现代化改造的方案从轻微修改到完全更换都…

    技术杂谈 2023年6月21日
    087
  • xampp相关配置文件所在路径

    环境: Xampp3.2.4一般来讲,可以在xampp的控制面板打开先关的配置文件,但是出现有些问题的时候,还是需要到别的路径下找到相关配置文件修改才行。 todo:更改xampp…

    技术杂谈 2023年7月25日
    068
  • wsl 加入右键菜单

    如果系统上安装两个版本wsl ubuntu,默认只有一个在右键菜单里,如果加另外一个1、找到ubuntu位置,复制2、打开注册表windows 与 R,输入regedit并运行,定…

    技术杂谈 2023年6月1日
    075
  • 每天一个 HTTP 状态码 103

    103 Earyly Hints 是被用于在最终的 HTTP 消息前返回一些响应头… 103 Early Hints 103 Earyly Hints 是被用于在最终 …

    技术杂谈 2023年7月11日
    074
  • 冒泡排序

    冒泡排序 冒泡排序是一种常用且非常简单的排序法,对数组内的元素进行比较排序,它的算法描述如下: 比较相邻的两个元素,如果第一个比第二个大,就交换它们的位置 对每一对相邻元素都进行比…

    技术杂谈 2023年7月25日
    064
  • 批量替换脚本中的换行符rn为n命令引发的问题

    脚本中包含内容: sed -ie ‘s/^M//g’ insert_data.sql 使用一下命令将脚本中的换行符替换成unix下的换行符: find -name *.sh| xa…

    技术杂谈 2023年6月1日
    085
  • oracle 添加白名单- 重启监听

    由于oracle中存在白名单,有新增主机需要访问,添加白名单需要重启监听 1.添加白名单 登陆oracle主机,su – grid 切到grid用户, vi $ORAC…

    技术杂谈 2023年5月30日
    086
  • 【数据结构】10.java源码关于LinkedHashMap

    目录 1.LinkedHashMap的内部结构2.LinkedHashMap构造函数3.元素新增策略4.元素删除5.元素修改和查找6.特殊操作7.扩容8.总结 1.LinkedHa…

    技术杂谈 2023年7月24日
    049
  • RedisSCAN命令

    获取指定前缀的key 需求描述: Redis中有大量以xxx开头的key,在不使用keys命令的情况下,如何快速获取这些前缀的key 解决方案: redis自带的scan命令可以解…

    技术杂谈 2023年7月24日
    063
  • SpringBoot自定义环境变量——EnvironmentPostProcessor

    现有需求是将数据库配置文件中账号密码相关信息分离且加密,用到了SpringBoot中 EnvironmentPostProcessor接口。可以将外部配置文件读取注入系统中。 实现…

    技术杂谈 2023年7月24日
    075
  • 【NFC】近距离无线通信概览

    近距离无线通信 (NFC) 是一组近距离无线技术,通常只有在距离不超过 4 厘米时才能启动连接。借助 NFC,您可以在 NFC 标签与 Android 设备之间或者两台 Andro…

    技术杂谈 2023年5月31日
    0100
  • 我的回忆录

    曾经养过两个动物,一只大黄狗,我叫他”阿黄”,另外一只是灰猫,我叫她”喵咪”。阿黄和喵咪都不是宠物,在当时来说,他们是有使命的:阿黄…

    技术杂谈 2023年5月31日
    0103
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球