画面タイトル

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

WCAG 2.0 - 2.4.2 A Impact - Moderate

アプリケーション内のすべての画面には、支援技術によって発表されるタイトルを提供する必要があります。

インパクト

画面タイトルは、視覚、認知および運動障害のあるユーザーや短期記憶が制限されたユーザーが、アプリケーション内で自分がどこにいるのかを判断し、タイトルで画面上のコンテンツを特定し、音声操作に依存する場合には画面間をナビゲートすることを可能にします。

確認

  1. TalkBackをオンにする
  2. アプリケーションを開く
  3. 以下のいずれかが発生します。
    • アクセス不可: TalkBackはアプリケーション名のみを発表します。
    • アクセス可能: TalkBackはアプリケーション名の代わりに画面のタイトルを発表します。

修正方法

ネイティブAndroid

Activity」内で画面のタイトルを設定します。

Activity.this.setTitle(...);

React Native

それぞれの Stack.Screen コンポーネントに説明的な名前が付けられていることを確認します。必要に応じて、 options={{title: 'New Screen Title'}} を追加して、より良い画面タイトルを定義します。

<Stack.Screen
    name="ScreenTitleExample"
    component={ScreenTitleExample}
    options={{title: 'Screen Title'}}
/>

カスタムナビゲーションバー

React Nativeで構築されたアプリケーションで見つかったのは、真にアクセスしやすい体験を実現するために、ナビゲーションヘッダーを <Stack.Navigator> タイトルのオプションで設定する必要があることです。カスタムナビゲーションバーは、それが適切なナビゲーション要素であることをプログラム的に示す方法がなく、通常のビューとは異なります。これにより、支援技術が要素を発表したり操作したりする方法が変わります。ヘッダー属性を設定することをよく推奨されるが、画面タイトルの基準を満たすものではないことに注意してください。