開発記録
モバイルナビゲーションの開閉とフォーカス:disclosure とモーダルを区別する
ネイティブの details を使うモバイルナビゲーションを例に、リンクの開閉、Escape、外側のクリック、フォーカスの復帰を整理します。通常のナビゲーションを、ページ全体の操作を制限するモーダルと混同しないためのノートです。
制作委託
各項目を個別に、または必要に応じて組み合わせてご依頼いただけます。
ネイティブの details を使うモバイルナビゲーションを例に、リンクの開閉、Escape、外側のクリック、フォーカスの復帰を整理します。通常のナビゲーションを、ページ全体の操作を制限するモーダルと混同しないためのノートです。
作品ページのネイティブなアンカーリンクを例に、カテゴリ選択、CSS によるフォールバック、ブラウザ側のスクリプトの役割を分けます。共有、再読み込み、戻る操作、言語切り替えで同じ状態を保てるかを確認するノートです。
英語版・日本語版の案内を例に、実際の翻訳、ブラウザの言語設定、非モーダルのダイアログ、一時的な非表示の記録を整理します。自動転送しないことと、フォーカスを動かさないことの違いも確認するノートです。