From f8a575a4d7aac40fb706e4b8270ee01014fd906f Mon Sep 17 00:00:00 2001 From: maiha <13564637+maiha2@users.noreply.github.com> Date: Thu, 15 Aug 2024 10:30:06 +0900 Subject: [PATCH] =?UTF-8?q?=E3=82=A2=E3=82=AF=E3=82=BB=E3=82=B7=E3=83=93?= =?UTF-8?q?=E3=83=AA=E3=83=86=E3=82=A3=E7=B0=A1=E6=98=93=E3=83=81=E3=82=A7?= =?UTF-8?q?=E3=83=83=E3=82=AF=E3=83=AA=E3=82=B9=E3=83=88=E3=81=AE=E8=A9=B3?= =?UTF-8?q?=E7=B4=B0=E3=83=9A=E3=83=BC=E3=82=B8=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/accessibility/check-list/heading.mdx | 8 ++------ .../articles/accessibility/check-list/markup-heading.mdx | 4 ++-- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/content/articles/accessibility/check-list/heading.mdx b/content/articles/accessibility/check-list/heading.mdx index ba9ed6014..429c9fdb7 100644 --- a/content/articles/accessibility/check-list/heading.mdx +++ b/content/articles/accessibility/check-list/heading.mdx @@ -16,14 +16,10 @@ order: 63 ## 達成方法 1. **主要コンテンツの先頭に見出しを追加**: - 主要なセクションの開始部分に必ず見出しを配置します。 -2. **階層的な見出しの使用**: - - `

`、`

`、`

`などの見出し要素を使用して、ページの構造を階層的に表現します。`

`はページの主題を示し、以下の見出しはサブセクションを示すべきです。 ## テスト方法 -1. **見出しの視覚的確認**: - - ページを視覚的に確認し、見出しの階層構造が論理的であるか、各セクションの内容を適切に表しているかを評価します。 -2. **HTML構造の検証**: - - ウェブページのHTMLコードを確認し、見出し要素 (`

`, `

`, `

`, ...) が適切に使われているか、そして階層が正しく構築されているかを検証します。 +1. **見出しの確認**: + - ページの主要コンテンツの先頭に見出しがあるか確認します。 ## 関連するWCAG2.1達成基準 - [達成基準 2.4.10: セクション見出しを理解する](https://waic.jp/translations/WCAG21/Understanding/section-headings) diff --git a/content/articles/accessibility/check-list/markup-heading.mdx b/content/articles/accessibility/check-list/markup-heading.mdx index d1e5ce343..31d0c09a8 100644 --- a/content/articles/accessibility/check-list/markup-heading.mdx +++ b/content/articles/accessibility/check-list/markup-heading.mdx @@ -12,7 +12,7 @@ order: 22 ## 達成方法 1. **適切な見出し要素の使用**: - - ページの主題やセクションのタイトルには`

`から`

`までの見出し要素を使用します。`

`は通常ページの最も重要な見出し（ページタイトル）に使われ、以下`

`, `

`…と階層的に使用します。 + - ページの主題やセクションのタイトルには`

`から`

`までの見出し要素を使用します。`

`は通常ページの最も重要な見出し（ページタイトルなど）に使われ、以下`

`, `

`…と階層的に使用します。 2. **階層構造の維持**: - 見出しは階層構造に従って使用します。レベルを飛ばしたり、文書の構造と異なるレベルの見出しを使用したりしないようにします。 3. **スタイルとの分離**: @@ -20,7 +20,7 @@ order: 22 ## テスト方法 1. **HTMLコードの確認**: - - ページのHTMLコードを見て、見出しが`

`から順に、適切に使用されているかをチェックします。 + - ページのHTMLコードを見て、見出しが`

`から順に使用されているかをチェックします。 ## 関連するWCAG2.1達成基準 - [達成基準 1.3.1: 情報及び関係性を理解する](https://waic.jp/translations/WCAG21/Understanding/info-and-relationships.html)