要件のため、2番目のアプリバーの行には、拡張パネルについてのみ展開して表示される追加情報が含まれています。
マテリアルプロパティに関しては、アプリバーのZ軸が高いため、コンテンツと重複する可能性があります(これも問題ありません)。
一方、アプリバーを上にスクロールすると、上にフェードアウトする可能性があるため、コンテンツはアプリバーがコンテンツとともに移動するのに影響します。この点で見られるように、アプリバーを展開すると、コンテンツが下に移動する可能性もあります。
どちらか一方のみを実装できます。他の意見をいただければ幸いです。
ここで覚えておくべきルールは優先順位です。内容はインターフェースよりも最初に来ます。コンテンツは、アクセス可能、表示可能、読みやすく、理解可能である必要があります。これらのボックスがチェックされていると仮定しましょう。
次に、上記の実装がコンテンツにどのように影響するかについて説明します。人々がそれを読むのを止めるでしょうか?コンテンツをカバーしますか?コンテンツのアクセシビリティが低下しますか?これらのいずれかが私たちのボックスのチェックを外す場合、そのような機能は実装されるべきではありません。
次のタスクは、2つの可能なシナリオを比較することです。
ユーザーがバーをクリックする->追加のコンテンツがコンテンツの上に表示される->ユーザーがアクションを実行する->追加のコンテンツが消える.
ユーザーがバーをクリックする->追加コンテンツがスライドアウトしてコンテンツを移動する->ユーザーがコンテンツの表示を失う->ユーザーがアクションを実行する->追加コンテンツが上にスライドする->コンテンツが再び表示される
これを念頭に置いて、コンテンツをユーザーの視点から移動させないようにすることをお勧めします。
このすべてを考慮して、より詳細な分析を実行できます。 Webコンテンツアクセシビリティガイドライン1.0のチェックポイントのチェックリスト
グーグルは実際にここで標高の原則をかなりよく説明しています: 標高と影 。