アクセシビリティ サポーテッド(AS)情報のホームへ

アクセシビリティ サポーテッド(AS)情報
テストケース 0056-01: レイアウトデザインのためのスペーサー画像ではなく、CSS を使用する(マージンとパディング)

テストの対象となる達成基準

関連する達成方法(テクニック)

テスト詳細

検証結果一覧

テスト結果の詳細

ID 環境 判断 操作内容 得られた結果 テスト実施者 実施日 備考
578
  • macOS 13.6.6
  • Safari 17.4.1
  • VoiceOver
  • 音声閲覧環境

ブラウザーで画面表示内容を確認

スタイルシートが適用された表組には余白があり、スタイルシートが無効な表組には余白がないことを視認

SAWADA STANDARD DESIGN 2024-06-13

「マージンとパディングが使用されて外側とセル内にスペースがあり、」の「外側」が何の外側なのか、具体的に書いた方が良いですね。「マージンとパディングの設定が適用されていないことが確認できる」は開発者ツールで確認してしまいました。もう少し具体的に確認方法がわかると良い気がします。

667
  • macOS 11.7.10
  • Safari 16.6.1
  • 視覚閲覧環境

ページを開いて、スタイルシートが適用された表組と、無効な表組みを確認する

スタイルシートが適用された表組では、セル内に余白があり枠線が描画されていた。スタイルシートが無効な表組みでは余白や枠線がなかった。

たた 2025-01-23

[WAIC注]表組の外側の余白(マージン)が未確認と思われます。

ライセンス

各検証結果は、それぞれの作成者を原著作者とし、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。原著作者名は、それぞれの検証結果をご覧ください。また、ご利用になる前に利用許諾条項を必ずご確認ください。

CC by-sa 利用許諾条項(表示 – 継承 4.0 国際)の確認