前端可访问性：语义 HTML、键盘与错误反馈

难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。

可访问性从语义结构开始。按钮、链接、label、焦点顺序和错误关联都比最后补一个 aria-label 更重要。

示例

<label for="email">邮箱</label>
<input id="email" aria-describedby="email-error">
<p id="email-error" role="alert"></p>

来源

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