语义化 HTML (Semantic HTML)
语义化 HTML 是根据特定含义而非仅外观来使用 HTML 元素，这有助于提升网页的可访问性与 SEO 表现。诸如 header、nav、main 和 article 等语义元素能向辅助技术设备传达文档结构。Framer 可基于视觉设计自动生成语义化 HTML。详情请参阅关于导航和页脚使用语义化标签的指南。
相关术语
无障碍
无障碍
无障碍是指通过网站设计，确保包括视力、听力、运动或认知障碍在内的所有用户都能顺畅使用网站的实践。
Alt 文字
无障碍
Alt 文字是添加到图像中的描述性文字，屏幕阅读器会将其播报给视障用户，搜索引擎则借此理解图像内容。
ARIA 标签
无障碍
ARIA 标签是一种 HTML 属性，为缺乏可见文本标签的元素提供可访问名称，帮助屏幕阅读器描述交互元素。
色彩对比度
无障碍
指前景色与背景色之间的亮度差异，对文本的可读性和无障碍访问至关重要。
聚焦状态
无障碍
指交互元素在接收到键盘焦点时的外观，对辅助功能至关重要。
Heading Hierarchy (标题层级)
无障碍
Heading Hierarchy 是对标题级别 (H1-H6) 的结构化使用，旨在组织内容并向用户和搜索引擎传达重点。
Keyboard Navigation
无障碍
键盘导航是指仅使用键盘控制来浏览和操作网站的能力，这对无障碍访问至关重要。
屏幕阅读器 (Screen Reader)
无障碍
屏幕阅读器是一种辅助软件，可将屏幕内容转换为语音或盲文，以供视障人士使用。
Tab Index
无障碍
用于控制元素键盘焦点获取及顺序的 tabindex 属性，有助于提升 SEO 和页面说明的清晰度。
WCAG
无障碍
WCAG 即网页内容无障碍指南，是一套定义如何让残障人士访问网页内容的国际标准。
重要提示