アクセシビリティ
Next.js チームは、Next.js をすべての開発者(およびそのエンドユーザー)にとってアクセスしやすくすることに取り組んでいます。Next.js にデフォルトでアクセシビリティ機能を追加することにより、Web をすべての人にとってより包括的なものにすることを目指しています。
ルートアナウンス
サーバー上でレンダリングされたページ間を移行するとき(例:<a href>
タグを使用)、スクリーンリーダーやその他の支援技術はページが読み込まれるときにページタイトルをアナウンスし、ユーザーがページが変わったことを理解できるようにします。
従来のページナビゲーションに加えて、Next.js はクライアントサイドの遷移もサポートしており、パフォーマンスを向上させます(next/link
を使用)。クライアントサイドの遷移も支援技術にアナウンスされるようにするために、Next.js はデフォルトでルートアナウンサーを含んでいます。
Next.js ルートアナウンサーは、まず document.title
を調べ、次に <h1>
要素、そして最後に URL のパス名を確認してページ名をアナウンスします。最もアクセシブルなユーザーエクスペリエンスを提供するために、アプリケーション内の各ページにはユニークで記述的なタイトルを持たせてください。