共通設計理論教材 / Class LLL

圖像、標題與說明的分工

有一張圖，不等於必要資訊已齊

固定同一張圓與線的原創圖，只換標題或說明；分清圖形能呈現什麼、時間地點由誰提供。再把它當觀察對象、裝飾或操作入口，檢查實際替代文字與動作。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 8 分鐘

開啟互動教材查看參考來源

閱讀目標

固定圖形，分開修改標題與說明
指出必要資訊由哪個通道提供
依圖像用途檢查文字替代與真操作

適用條件與學習範圍

這張圖提供了什麼，標題和說明還必須補哪些資訊？不看圖時能否完成同一任務？

能辨認標題、圖像與說明；基本層級沿文字、圖像與閱讀層級。

能分配圖像、標題、說明及替代文字的責任，完成一組固定圖像只改標題的比較，並以隱圖或換用途指出缺失。

原創抽象圖及活動均虛構；不把圖形猜成照片事實，不用空alt代表所有圖像都裝飾，不聲稱做過真人讀屏或文化試驗。

原理與判斷

圓、水平線與三條短線本身沒有寫出16:00或北側入口。標題可以指定活動主題，說明補集合資訊；若刪掉文字，不能因為畫面仍有一張圖，就當讀者知道何時去哪裡。先列必要答案，再決定圖像是裝飾、觀察對象或操作線索。 WAI圖像教學把用途和鄰近文字納入替代內容的判斷。本頁因此不讓alt永遠套同一句：形狀觀察描述圖形；鄰近說明已完整描述形狀時避免重複；作按鈕時以可見動作文字提供名稱。這些是實際HTML語義，仍需在真正成品與輔具中驗證。

只換標題，圖像沒有偷偷變

先保留集合說明，把右標題由河岸觀察改成城市線條。兩份幾何圖共用同一原檔，時間地點也保持；改的是題名帶來的主題脈絡。你可以描述自己的聯想，但不能說圖中因此真的多出一條河或一棟城市建築。要比較說明的作用，就先固定標題，再切形狀說明或移除說明。分輪記錄修改，避免把標題與說明一起換掉後，只歸因於圖像本身。

圖說與必要事實分工

集合說明提供時間與入口，形狀說明則描述圓與線的排列。兩者回答不同問題。若任務是辨認集合資訊，後者沒有提供答案；若任務是觀察幾何，形狀描述可以成為圖像的文字替代。圖說不能任意替照片補沒有證據的事件、身分或因果。本頁用明示虛構活動隔離這個問題；換真實材料時，要核對來源與用途，不因標題寫了什麼就認定圖像證明了什麼。

同一圖的三種用途

選形狀觀察，圖形是活動對象，img的alt描述圓與線；若鄰近形狀說明已完整提供同一內容，圖像以空alt避免重複。選純裝飾，作者把圖形當陪襯，必要活動資訊由文字承擔。不能用純裝飾按鈕來逃避實際必要內容。選操作入口，圖形放進真正的按鈕，可見名稱是查看集合資訊；圖像本身空alt，名稱由按鈕內文字提供。按下會展開本頁的真集合資訊，不是假連結或僅改美術。WAI功能圖像指引強調動作／目的，並非只念出圖案外形。

縮圖與隱圖反例

圖像半尺寸只縮圖形，標題與說明不跟著變小。再隱藏圖像，看目前文字能不能完成你的任務：找時間要看集合說明或展開資訊；觀察形狀則要有相應描述。這不是模擬視障者經驗，而是檢查內容責任。替代文字也不能替畫面上缺失的可見說明自動補齊所有人的理解。列出誰需要哪個答案、在哪裡取得，再回完整尺寸核對。機構是投影示意，原文校樣保留正常文字與按鈕，沒有強迫凝視或播放。

步驟與觀察

固定原檔只換標題
保留集合說明，河岸觀察換城市線條。指出題名改了、幾何與集合事實未改，不猜圖中不存在的細節。
固定標題改說明
比較集合／形狀／無說明三種版本，列出各自回答和沒回答的問題。
切用途查真語義
形狀觀察看替代文字；純裝飾看文字責任；操作入口實際按查看集合資訊，核對動作名稱與展開內容。
用隱圖與縮圖重查
隱藏或縮半圖像，確認必要答案仍能取得。補讀符號脈絡後返回，保留自己的標題、用途和說明。

常見問題

標題暗示一件事，就說圖像已證明

分清圖中可見內容與外加脈絡；真實事實另查來源，不由題名推因果。

所有圖片都填一樣的外形描述

先定用途與鄰近內容，必要時提供資訊，冗餘時避免重複，功能入口說清動作。

把必要圖像一律設裝飾

先檢查缺圖後任務是否仍完整；有意義或功能的資訊要有相應文字／語義。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：同圖的標題／說明／用途、文字替代與虛構符號脈絡。來源狀態：補讀W3C WAI Images Tutorial四篇的Overview、決策樹及相關冗餘／功能示例。屬官方非規範性教學，支持依用途與鄰近文字決定替代內容，不是整站WCAG認證。原S11／S12層級來源不足以證明文化解讀，故本票不借它們聲稱跨文化心理研究。符號／隱喻採明示的編輯工作詞彙與虛構活動，不引用文化偏好統計。示意限制：重用43件校樣座，固定同一份原創SVG幾何圖，分開改右標題、說明與原文用途；圖形原檔不隨語境修改。原文以真img alt／可見按鈕文字／展開資訊呈現；全狀態沿本頁Hero保存。半尺寸只縮圖像，文字保持；隱圖作必要資訊反例。原生軟體實測：沒有Ps／Ai／Figma桌面或輸出實測；240×300校樣投影不當螢幕像素量測。學習成效驗證：沒有真人文化解讀、讀屏試用、眼動或學習成效；只核對瀏覽器語義及操作結果，不冒稱各輔具的實際播報相同。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。