NavigateRegions

例：

import { navigateRegions } from '@wordpress/components';
const MyComponentWithNavigateRegions = navigateRegions( () => (
   <div>
   <div role="region" tabIndex="-1" aria-label="Header">
   Header
   </div>
   <div role="region" tabIndex="-1" aria-label="Content">
   Content
   </div>
   <div role="region" tabIndex="-1" aria-label="Sidebar">
   Sidebar
   </div>
   </div>
) );

@

注意事項：

ARIA role="region" は ARIA ランドマークロールであることに注意することが重要です。これは、ページの要約にリストされるのに十分重要なコンテンツのセクションに予約されるべきです。この ARIA ロールは、ページの主要なセクションにのみ使用してください。すべての認識可能なコンテンツは、ユーザーがコンテンツを見逃さないように、意味のあるランドマークに存在する必要があります。