本文へ移動

メニュー

エレベーションアクセシビリティ

エレベーションにおけるアクセシビリティ観点での留意点について説明します。

オーバーレイシェードに対する簡易非表示(Light Dismiss)の操作について

コンポーネント: モーダルダイアログ」のガイドラインに記述予定です。

ダークモードのエレベーション

現行のデジタル庁デザインシステムは、直接的にダークモードを想定したスタイル例を含んでいないためガイドラインや作例等はありませんが、通常、ダークモードでは影の表現ができないためエレベーションのスタイルをライトモードからの色変更のみで定義することができません。

ダークモードを考慮したデザイン設計を行う場合は、あらかじめ、ダイアログなどのオーバーレイ要素の高さや、オーバーレイシェードのような視線遮断のための表現をどのようにするのかを、コントラストの考慮を含め、最初から策定しておく必要があります。