レイアウト
対象ビューポートで、ページ全体の横スクロールが発生しないこと。
レスポンシブ・アクセシビリティの検証記録
このページでは、自動ブラウザ検証と実機・支援技術による確認を分けて示します。デスクトップのエミュレータが通っても、実機やスクリーンリーダーでの確認を代替するものではありません。
自動ブラウザ検証
リリースゲートでは型検査、静的ビルド、コンテンツ・ルート検査、Lab単体テスト、Chromium Playwrightの全テスト、Playwright WebKitとFirefoxによるレスポンシブ・キーボードの重点テストを実行します。ブラウザテストはトップ、チュートリアル、検証、Labを320・375・390・430 CSSピクセルで確認し、500 CSSピクセルではコンパクトヘッダーの操作領域も確認します。
自動テストで確認すること
モバイルの情報密度
狭い表示幅では、動作する分子構造式を先に保ち、計算値は明示的な展開操作で確認できること。
キーボード
モバイルメニューのEnter・Space・Escape、ミニデモの計算値サマリーのEnter・Space、ノートの矢印キー、ダイアログのフォーカス復帰。
スクリーンリーダー向けの意味構造
展開したメニュー、ダイアログ、Lab結果、ライト・ダークテーマをaxeで確認。Playwrightでは、表示切替・調査方針・安全装備・結果の簡潔なLab状態通知も確認。
動き
reduced motion時も、アニメーションなしでLab結果が理解できること。
ブラウザエンジン
Chromiumで全ブラウザテストを実行。Playwright WebKitとFirefoxではレスポンシブ・キーボードの重点テストを実行しますが、いずれも実機の証拠ではありません。
公開済みの検証手順を確認する
このサイトで公開しているブラウザテストと実機確認プロトコルを確認できます。リンク先は確認手順を示すもので、未記録の実機結果を合格扱いにするものではありません。
この検証だけでは証明できないこと
Chromiumの自動化だけでは、iPhone SafariやAndroid Chromeでのタッチ操作、Safariのキーボード操作、Windowsのハイコントラスト、NVDAの読み上げを保証できません。これらはリリースごとに実機で残すべき確認記録です。
実機・支援技術の確認記録
macOS Safariの限定的な観測を2件、下に公開しています。実機・支援技術の完全な確認記録は、まだ公開されていません。
公開済みの部分観測
2026年9月22日
デスクトップ版macOS Safariで本番HTTPSページを開き、ネイティブのアクセシビリティツリー上で、スキップリンク、主ナビゲーション、言語・テーマ操作、SMILES入力のラベル、解析結果のラベルを確認しました。
この検証だけでは証明できないこと: 未記録: Safariの一連のキーボード操作、表示幅の変更、タッチ操作、Android Chrome、スクリーンリーダーの読み上げ。この観測は実機対応を表明するものではありません。
公開済みのSafariキーボード観測
2026年9月23日
デスクトップ版macOS Safariで本番HTTPSトップページを開き、キーボードのEnterでスキップリンクを実行すると、#contentへ移動し、メインコンテンツ領域へフォーカスが移ることを確認しました。
この検証だけでは証明できないこと: 確認したのはデスクトップSafariでのスキップリンク経路だけです。コンパクトメニュー、タブ、ダイアログ、表示幅の変更、タッチ操作、Android Chrome、スクリーンリーダーの読み上げは未記録です。これは実機対応を表明するものではありません。
| 環境 | 表示条件 | 確認内容 |
|---|---|---|
| iPhone Safari | 375/390 px、縦横両方 | タッチ領域、ヘッダー、ミニデモの計算値、コード、チュートリアル詳細、Labの次の操作 |
| Android Chrome | 360/412 px、文字拡大あり | ヘッダー、ダイアログ、横スクロール |
| macOS Safari | デスクトップ、キーボードのみ | スキップリンク、狭い画面のメニュー、タブ、ダイアログ |
| Windows Chrome + NVDA | デスクトップ | メニュー名、タブ変更、ダイアログ名、Lab結果の読み上げ |
実機対応を表明する前の確認項目
- 200%表示でコントロールを失わず、ページ全体の横スクロールが出ない。
- Tab、Shift+Tab、Enter、Space、Escapeでメニューとダイアログを操作できる。
- 矢印キー、Home、EndでLabのノートタブを期待どおり選べる。
- reduced motionとハイコントラストで、フォーカス、操作、結果テキストを区別できる。