各要素の挙動の差をを考慮してHTMLを組み立てることが重要です。 例えば、アンカーリンク(<a>)同士を相互リンクする場合は、次のようにリンク先を別の子要素に肩代わりさせることで対処します。 <a href="#link-b"><span id="link-a">LINK A</span></a> <a href="#link-a"><span id="link-b">LINK B</span></a><aside>などlandmarkやブロック要素へVOフォーカスすると、最初の子要素を読み上げます。(最初の子要素がVOフォーカス可能な場合のみ) また、リンク先がlandmarkの最初の子要素の場合は、asideに設定したaria-labelの値も読み上げられます。 <!-- Link to span --> <aside aria-label="StarTrek"> <span id="
![iPhone/VoiceOverのページ内リンクが機能しない原因:ページ内リンクの可否条件(VOフォーカス可否条件)](https://cdn-ak-scissors.b.st-hatena.com/image/square/f73be0a2109419e1f537805f5de1ff12e7fdc9a7/height=288;version=1;width=512/https%3A%2F%2Faccessphilia.com%2Fsrc%2Fimg%2Fogp%2Fblog%2F20190706.vo-link-within-page-2.jpg)