块主题可访问性

阻止主题支持可访问性并简化添加可访问性的过程。

地标

组，模板部分和查询块可能成为地标。有两种创建地标的方法。

使用块标记
”tagName":"header”创建标头地标。

<!-- wp:group {"tagName":"header","layout":{"type":"constrained"}} -->
<header class="wp-block-group"><!-- wp:site-title /--></header>
<!-- /wp:group -->

使用站点编辑器
块面板中高级部分下的HTML元素提供以下具有里程碑意义的选项。

块面板中高级部分下的HTML元素提供以下具有里程碑意义的选项。
<header><main><section><article><aside><footer>。

跳到内容

通过选择<main>组上的地标，模板部分或查询块生成跳过到内容链接的。了解更多有关 在这里跳过内容链接。

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group"><!-- wp:heading -->
<h2 id="hello-world">Hello World</h2>
<p>Welcome to WordPress. This is your first post. </p>
<!-- /wp:heading -->

可访问的导航菜单

导航块可以无需其他代码即可启用以下可访问性。

• 支持响应视图
• 支持键盘导航
• 插入<nav>具有里程碑意义的角色
• 插入ARIA属性aria-labelaria-hidden

其他资源

• 可访问性

ChangElog：

• 更新 2023-03-08更新的代码示例以反映WordPress 6.1块标记。
• 创建 2022-01-25