无障碍
无障碍是指设计能够被包括视力、听力、运动或认知障碍在内的所有用户使用的网站。除了道德层面的重要性外，无障碍设计还能改善 SEO、扩大受众群体，并在许多国家/地区是法律要求。核心实践包括规范的标题结构、图像的 ALT 文字、足够的色彩对比度以及对键盘导航的支持。
相关术语
Alt 文字
无障碍
Alt 文字是添加到图像中的描述性文字，屏幕阅读器会将其播报给视障用户，搜索引擎则借此理解图像内容。
ARIA 标签
无障碍
ARIA 标签是一种 HTML 属性，为缺乏可见文本标签的元素提供可访问名称，帮助屏幕阅读器描述交互元素。
色彩对比度
无障碍
指前景色与背景色之间的亮度差异，对文本的可读性和无障碍访问至关重要。
聚焦状态
无障碍
指交互元素在接收到键盘焦点时的外观，对辅助功能至关重要。
Heading Hierarchy (标题层级)
无障碍
Heading Hierarchy 是对标题级别 (H1-H6) 的结构化使用，旨在组织内容并向用户和搜索引擎传达重点。
Keyboard Navigation
无障碍
键盘导航是指仅使用键盘控制来浏览和操作网站的能力，这对无障碍访问至关重要。
屏幕阅读器 (Screen Reader)
无障碍
屏幕阅读器是一种辅助软件，可将屏幕内容转换为语音或盲文，以供视障人士使用。
语义化 HTML (Semantic HTML)
无障碍
语义化 HTML 是根据特定含义而非仅外观来使用 HTML 元素，这有助于提升网页的可访问性和 SEO 表现。
Tab Index
无障碍
用于控制元素键盘焦点获取及顺序的 tabindex 属性，有助于提升 SEO 和页面说明的清晰度。
WCAG
无障碍
WCAG 即网页内容无障碍指南，是一套定义如何让残障人士访问网页内容的国际标准。
重要提示