画像が出ないときに見えるもの
HTML入門 / 全 4 枚
作成品質の確認
全チェックの通過状況
スライド 3 / 3枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
img・指定src・内容が分かるalt・自己紹介見出し直後に限定。相対パス、CSS、width/heightは除外。既存4枚は3枚へ整理する監査済み。
ソース・課題との接続
監査済みJSONの4チェックを実レッスンへ登録。starter不合格、solution満点、余分なimgと禁止終了タグの反例不合格を確認。
見た目・操作
実レッスン開閉・再表示・狭幅・印刷・全枚ナビ・キーボード・クイズ・図解操作・冷起動fallbackを通過。図解操作で発生した内部スクロールをoverflow-clipで修正し、撮影前後の座標検査も追加。
再利用・パターンマスター
登録済みの共通完成スライド3種だけで構成し、各マスターカードを実画面で確認。
型・テスト・回帰
前後境界、全61レッスン採点、パーサーテスト、差分空白検査を通過。
HTML入門 - 画像が出ないときに見えるもの
画像が届かないとき、alt が内容を伝える
srcを正しい名前・綴り違い・空に切り替え、altが画面と読み上げにどう残るか確かめましょう。
- srcが正しければ画像が表示される
- srcが壊れてもaltの言葉が内容を伝える
- 内容のある画像でaltを空にすると情報が失われる
2 / 4
← → キーでも送れます