做了七年前端开发，我最近才意识到可会面性的必要......

站，在文中的列表页上，一篇文中如下所示：

它有一个PDF、一个末尾、一个揭示和一个“选念过颇为多”的按键，这是几乎所有其网站文中的非标准模板。那么，我们是如何页面到的资讯页呢？

我们将 PDF认真成一个页面 (link 1)，接着是 末尾(link 2)，然后是“ 选念过颇为多”按键 (link 3)，这 3 个页面都指向同一个该网站。

因此，当我们应该用于标志选念过器或屏幕盘该网站该网站时，我们必须用 tab 屏幕按 3 次才能跳转到下一篇文中。

这当然得避免，也很简便。对缓冲器的页面，可以替换成所列属官能：

tabindex="-1" （它可以防止页面被 tab 换到所 —— 对于屏幕盘其他用户） aria-hidden="true" （你不都能将它暴露给标志选念过器，因为早已有了相同的页面 —— 对于标志选念过器）

4可回访标志按键

首先，在骨架设计中所有按键时，应该应该用于 锕系元素，切勿应该用于 等其他锕系元素，如此一来将则有观上新设为按键的样子，我告诉他我们这样认真早已似乎了，但是时候发生变化了。

等其他锕系元素，如此一来将则有观上新设为按键的样子，我告诉他我们这样认真早已似乎了，但是时候发生变化了。

诱因正如 HTML 文法一小所述，原生锕系元素有很多内置的 ARIA 功能官能。

尽管用 和 认真出来的按键对于大大多其他用户来说，看似是全都的，但对于应该用于标志选念过器的盲人其他用户来说，它看似颇为相同，标志选念过器甚至也许会或多或少这是一个按键。

这里也有一些忽略人事：

不新设按键则有观上以及新设按键则有观上的理就让方法

针对于不会任何文本、只有平面图像的按键，可遵循所列三个步骤中所的任何一个：

应该用于像是的 来明示按键该网站 在 上应该用于 aria-label

在 上应该用于 aria-labelledby

如果你乐意，代为查看这篇博主 （），了解颇为多关于上述步骤的的资讯。

5聚光灯衡量

你用过所列字符吗?

:focus { outline: none; }

当我们在其网站上按 tab屏幕时，看不到的轮廓就是 聚光灯RF，通常我们用上会的字符去除它，最少我以前是这么认真的。

这居然个糟糕的欣然接受，聚光灯RF能告诉应该用于屏幕盘导航系统的其他用户们 他们近期打算交互的位置，如果我们移除聚光灯则有观上，总和将这些其他用户置于深渊中所，像是聚光灯RF就像像是屏幕光标。

因此，如果你删除了一般来说用户的聚光灯则有观上，那一定得替换成自假定的聚光灯则有观上。

在新设聚光灯RF的则有观上时，我们都能考虑值得忽略：

对比区 与紧邻粉红色对比 切勿遮盖聚光灯锕系元素

在下面的比如说中所，黄色标示出了聚光灯RF竣工状态 (应该用于屏幕盘 tab 时的则有观上)：

新设聚光灯RF则有观上的相同方法

对比区—— 粉红色发生变化的地方

紧邻粉红色—— 与聚光灯RF紧邻的粉红色

聚焦状态和非聚焦状态的粉红色清晰度很小应该为 3:1，聚光灯RF和紧邻粉红色密切关系也要适用这个前提。

意思是，如果你将一个 白色背景页上的 深蓝色按键，新设的聚光灯RF则有观上为 2px 的 黄色圆点，那么 黄色和 深蓝色、以及 黄色和 白色密切关系的很小清晰度某种程度是 3:1。

如果你要覆盖一般来说用户的聚光灯则有观上，可应该用于所列字符：

:focus { outline: none; }

button:focus {/* some exciting button focus styles */}

button:focus:not(:focus-visible) {/* undo all the above focused button styles if the button has focus but the browser wouldn't normally show default focus styles */}

button:focus-visible {/* some even *more* exciting button focus styles */}

如果你乐意，可以查看这篇博主 （）了解的资讯。

6最大限度缺少动态该网站

以黑莓的 Siri 为例，我们先说一个关屏幕句：“Hey Siri”，然后如此一来说自已制订的命令。

比如：“Hey Siri，现在几点了?”

同理，一般来说人一下用 Siri 该网站其网站：

假定有一个按键叫“发送”，我们可以说：”Hey Siri，首页 发送按键”。这很简便，对吧?

但是如果按键只有一个标志，而不会“发送”该网站，你要如何告诉 Siri 首页哪个按键呢?

因此，最大限度缺少动态该网站， 如果可不，那最少让它可通过 tab 应该用于。

7概括官能电子邮件平面图

当 SVG 常用平面数学公式等电子邮件平面图或其它类型的数据暗示时，通常不会为可回访其他用户缺少任何电子邮件。为了易于他们，最好的方式则是缺少标志选念过器都能念过取到电子邮件平面图文本揭示。

下面比如说构建这类 SVG 的好方法：

90% increase in number of sales in the year 2022 with proper SEO tactics implemented as to no SEO done for the previous year.

8小结

一份可以赶紧行动的概要指南：

某种程度误判地应该用于了所有的 HTML 西区锕系元素，而不仅仅是 div? 末尾某种程度常用应该该的骨架，而不是强调大小? 某种程度用 tabindex=-1 删除了不都能的页面？ 所有按键某种程度都可以回访? 他们有合适的命名或该网站吗? 如果不会，你某种程度缺少了 ARIA 该网站或替代方法? 你发生变化聚光灯RF的则有观上了吗? 如果是，它们某种程度适用规章? 按键、复选框和单选等表格锕系元素，某种程度是可回访的。 最大限度缺少动态该网站。 电子邮件平面数学公式某种程度有一个文字说明的之内，如果应该用于 SVG，则 应该随身携十分相似之内揭示。 应该应该用于 tabindex= -1 去除标志则有页面，不然其他用户将被移开，而不告诉他发生了什么。

可回访官能就像是一片海洋环境，我只触及了内层。希望通过本文，都能为我们大大多人照亮一个潜在的深渊区域。

我所写的一切都基于 Sara Soueidan 的其网站和讲话，代为回访她的其网站了解颇为多电子邮件。她有许多有趣的议题，颇为地包罗万象。

译者页面：

升级版前雇主借助于bug越权回访获利，判处死刑一年；马斯克凯氏全资并购其网站后将字符抽出GitHub；阿里云人事大颇为替 | Q资讯

面对面在生产商一线搬砖、面对面操着CTO的心不行开源：一位一般来说中所年JavaScript的开源十年路

ClickHouse为啥在字节跳动能这么燃？| 杰出技术团队周游世界

大佬愤怒大声：认真Kubernetes开源工作难以在生产商内晋升

点个在看少个 bug👇

。

汕头妇科医院哪家最好
成都风湿权威医院
杭州白癜风专家
腰肌劳损腰疼怎么治疗效果好
北京看白癜风到哪家好