達成方法集 H42 の修正 (#1348)

Author: caztcha

techniques/html/H42.html

@@ -53,7 +53,7 @@ <h2>事例</h2>
                <h3>事例 1: 階層的な見出し構造</h3>
                <p>以下の事例では、<code class="el">h3</code> が <code class="el">h2</code> のサブセクションで、<code class="el">h2</code> が <code class="el">h1</code> のサブセクションとなっていて、見出しが階層的なレイアウトに用いられている。
                </p>
-               <div class="note"><div role="heading" class="note-title marker" aria-level="4">訳注:</div><div><p><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/Heading_Elements#Accessibility_concerns" rel="nofollow">MDN の <h1>–<h6>: HTML の見出し要素 - アクセシビリティへの配慮</a>で言及されているように、見出しレベルを飛ばしてページを作成する (例えば、<code>h1</code> 要素の次に <code>h3</code> 要素を置く) と、スクリーンリーダーの利用者がそのページの見出しをナビゲートするときに、ページには存在しない <code>h2</code> 要素を誤って飛ばしてしまったのではないかと誤解する恐れがあることに注意する。</p></div></div>
+               <div class="note"><div role="heading" class="note-title marker" aria-level="4">訳注:</div><div><p><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/Heading_Elements#Accessibility_concerns" rel="nofollow">MDN の &lt;h1&gt;–&lt;h6&gt;: HTML の見出し要素 - アクセシビリティへの配慮</a>で言及されているように、見出しレベルを飛ばしてページを作成する (例えば、<code>h1</code> 要素の次に <code>h3</code> 要素を置く) と、スクリーンリーダーの利用者がそのページの見出しをナビゲートするときに、ページには存在しない <code>h2</code> 要素を誤って飛ばしてしまったのではないかと誤解する恐れがあることに注意する。</p></div></div>
                <pre xml:space="preserve">&lt;h1&gt;Plant Foods that Humans Eat&lt;/h1&gt;
 &lt;p&gt;There are an abundant number of plants that humans eat...&lt;/p&gt;
 &lt;h2&gt;Fruit&lt;/h2&gt;