ブロックテーマのアクセシビリティ（Block theme accessibility）

ランドマーク

グループ、テンプレートパート、およびクエリブロックはランドマークになることができます。ランドマークを作成する方法は2つあります。

ブロックマークアップを使用

``````bash
<!-- 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