我喜欢 Hidde de Vries 的这个总结陈述
在现代浏览器中,我们的标记会变成一个无障碍树,最终会影响辅助技术如何呈现我们的界面。 重要的是,您是否已经编写了此标记
- 在
.html
文件中- 在 Twig、Handlebars 或 Nunjucks 中
- 作为 Vue 单文件组件中的
<template>
- 在 React 组件的 JSX 中导出
- 由奇怪的遗留 CMS 输出
是 *哪种* 标记决定了您的网站是否对 AT 用户来说体验良好。 简而言之:是标记很重要
作为一名前端开发人员,您会发现自己使用各种不同的技术在很多地方编写标记。 我认为无论在哪里、以何种方式编写,您都需要考虑 如何最佳地编写它。
@Chris Coyier
这是否意味着我们现在应该专注于如何组织我们的标记,而不是学习如何在我们的标记中集成无障碍代码。
因为,我刚开始学习如何使我的网站对 AT 用户无障碍。
@Obed 绝对如此。 并非所有访问您网站并有残疾的人都会使用传统辅助技术。 例如,一些对光敏感癫痫患者可能会在浏览器中禁用 CSS 和/或 Javascript 以防止不必要的动画(目前浏览器对
prefers-reduced-motion
的支持度很低,他们无法依赖它),或者可能会使用浏览器的“阅读模式”。 这意味着您的 HTML 结构尤其重要。