区块主题支持无障碍功能并简化了添加无障碍功能的流程。

地标区域

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

使用区块标记
"tagName":"header" 可创建 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-label aria-hidden

其他资源

更新日志：

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