歷史系網站無障礙修正清單

ln.edu.hk/history · 31 個頁面 · 審查於 2026 年 9 月 3 日 · 工具:axe-core 4.10(WCAG 2.1 AA 規則集)加人手鍵盤與縮放實測

46系裡自己改
10要 ITSC 改
13真的缺 alt
0已完成

左邊三個按鈕分別是英文、繁體、簡體,CMS 每張圖有 alt_text_en / cht / chs 三個欄位,點一下複製,貼進對應欄位。「已改」的勾選只存在你這台機器的瀏覽器裡,換機器不會同步。

一、系裡在 CMS 就能改(46 項)

教員個人頁:頭像完全沒有 alt 屬性13 項

這 13 張是全站唯一被自動檢測抓到的 1.1.1 違規。讀屏軟件遇到沒有 alt 的圖片,會改讀圖片檔名,例如「Du-portrait1.jpg」。

WCAG 2.1 SC 1.1.1 Non-text Content (Level A) · axe: image-alt

Prof. AN, Bo

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. AN, Bo
安博教授
安博教授

Dr CHEUNG, Bianca Yin-ki

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENDr CHEUNG, Bianca Yin-ki
張燕琪博士
张燕琪博士

Prof. TSUI, Chung Man Carmen

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. TSUI, Chung Man Carmen
徐頌雯教授
徐颂雯教授

Prof. CHAN, Catherine See

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. CHAN, Catherine See
陳家怡教授
陈家怡教授

Prof. DU, Chunmei

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. DU, Chunmei
杜春媚教授
杜春媚教授

Prof. Mark Hampton

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. Mark Hampton
馬翰庭教授
马翰庭教授

Prof. LAU, Chi-pang

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. LAU, Chi-pang
劉智鵬教授
刘智鹏教授

Prof. ZHANG, Lei

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. ZHANG, Lei
張雷教授
张雷教授

Prof. LIU, William Guanglin

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. LIU, William Guanglin
劉光臨教授
刘光临教授

Dr. CHANG, Kin Ian Monica

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENDr. CHANG, Kin Ian Monica
曾健欣博士
曾健欣博士

Prof. LEE, Kai Chun Katon

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. LEE, Kai Chun Katon
李啟雋教授
李启隽教授

Prof. LEUNG, Vincent S.

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. LEUNG, Vincent S.
梁萃行教授
梁萃行教授

Prof. LI, Youjia

個人頁頭像(頁面上方,姓名標題旁邊) · 開啟頁面
目前沒有 alt 屬性
ENProf. LI, Youjia
黎又嘉教授
黎又嘉教授

教員列表:alt 值被寫成「alt= 姓名」15 項

有人把 alt= 連同等號一起打進了 CMS 的 alt 欄位。屬性存在,所以自動檢測不會報錯,但讀屏軟件會念成「alt 等於 Prof AN Bo」。同一組頭像在 People 和 People / Staff 兩頁各出現一次。

WCAG 2.1 SC 1.1.1 Non-text Content (Level A) · 自動檢測抓不到,人手發現

Prof. AN, Bo

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof AN, Bo
ENProf. AN, Bo
安博教授
安博教授

Dr CHEUNG, Bianca Yin-ki

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof CHEUNG, Bianca Yin-ki
ENDr CHEUNG, Bianca Yin-ki
張燕琪博士
张燕琪博士

Prof. TSUI, Chung Man Carmen

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof TSUI, Chung Man Carmen
ENProf. TSUI, Chung Man Carmen
徐頌雯教授
徐颂雯教授

Prof. CHAN, Catherine See

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof CHAN Catherine S.
ENProf. CHAN, Catherine See
陳家怡教授
陈家怡教授

Prof. DU, Chunmei

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof DU, Chunmei
ENProf. DU, Chunmei
杜春媚教授
杜春媚教授

Prof. Mark Hampton

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof HAMPTON Mark A.
ENProf. Mark Hampton
馬翰庭教授
马翰庭教授

Prof. LAU, Chi-pang

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof LAU Chi-pang
ENProf. LAU, Chi-pang
劉智鵬教授
刘智鹏教授

Prof. ZHANG, Lei

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof ZHANG, Lei
ENProf. ZHANG, Lei
張雷教授
张雷教授

Prof. LIU, William Guanglin

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof. LIU, William Guanglin
ENProf. LIU, William Guanglin
劉光臨教授
刘光临教授

Dr. CHANG, Kin Ian Monica

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Dr CHANG, Kin Ian Monica
ENDr. CHANG, Kin Ian Monica
曾健欣博士
曾健欣博士

Prof. LEE, Kai Chun Katon

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof LEE, Kai Chun Katon
ENProf. LEE, Kai Chun Katon
李啟雋教授
李启隽教授

Prof. LEUNG, Vincent S.

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof LEUNG, Vincent S.
ENProf. LEUNG, Vincent S.
梁萃行教授
梁萃行教授

Prof. LI, Youjia

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof LI, Youjia
ENProf. LI, Youjia
黎又嘉教授
黎又嘉教授

Prof. DOWD, Matthew J.

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof DOWD Matthew J.
ENProf. DOWD, Matthew J.
Prof. DOWD, Matthew J.
Prof. DOWD, Matthew J.

Prof. TSENG-PUTTERMAN, Mark

People 與 People / Staff 兩頁的同一張頭像 · 開啟頁面
目前:alt= Prof TSENG-PUTTERMAN Mark
ENProf. TSENG-PUTTERMAN, Mark
Prof. TSENG-PUTTERMAN, Mark
Prof. TSENG-PUTTERMAN, Mark

首頁 Featured Research:13 張書封同樣被寫成「alt= 書名」13 項

和教員列表同一個錄入錯誤。順帶修好兩處書名排版:New Asia College 前面缺了撇號,另外兩本書名缺冒號。

WCAG 2.1 SC 1.1.1 Non-text Content (Level A) · 自動檢測抓不到,人手發現

Savage: The Making of Modern Dogs in British Hong Kong (Corn

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Savage: The Making of Modern Dogs in British Hong Kong (Cornell)
ENBook cover: Savage: The Making of Modern Dogs in British Hong Kong (Cornell)
書封:Savage: The Making of Modern Dogs in British Hong Kong (Cornell)
书封:Savage: The Making of Modern Dogs in British Hong Kong (Cornell)

Everyday Occupation: American Soldiers and Chinese Civilians

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Everyday Occupation: American Soldiers and Chinese Civilians after World War II (Cambridge)
ENBook cover: Everyday Occupation: American Soldiers and Chinese Civilians after World War II (Cambridge)
書封:Everyday Occupation: American Soldiers and Chinese Civilians after World War II (Cambridge)
书封:Everyday Occupation: American Soldiers and Chinese Civilians after World War II (Cambridge)

The Macanese Diaspora in British Hong Kong: A Century of Tra

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= The Macanese Diaspora in British Hong Kong: A Century of Transimperial Drifting (Amsterdam)
ENBook cover: The Macanese Diaspora in British Hong Kong: A Century of Transimperial Drifting (Amsterdam)
書封:The Macanese Diaspora in British Hong Kong: A Century of Transimperial Drifting (Amsterdam)
书封:The Macanese Diaspora in British Hong Kong: A Century of Transimperial Drifting (Amsterdam)

Confucianism, Colonialism, and the Cold War: Chinese Cultura

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Confucianism, Colonialism, and the Cold War: Chinese Cultural Education at Hong Kong s New Asia College (Brill)
ENBook cover: Confucianism, Colonialism, and the Cold War: Chinese Cultural Education at Hong Kong's New Asia College (Brill)
書封:Confucianism, Colonialism, and the Cold War: Chinese Cultural Education at Hong Kong's New Asia College (Brill)
书封:Confucianism, Colonialism, and the Cold War: Chinese Cultural Education at Hong Kong's New Asia College (Brill)

Gu Hongming's Eccentric Chinese Odyssey (UPenn)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Gu Hongming's Eccentric Chinese Odyssey (UPenn)
ENBook cover: Gu Hongming's Eccentric Chinese Odyssey (UPenn)
書封:Gu Hongming's Eccentric Chinese Odyssey (UPenn)
书封:Gu Hongming's Eccentric Chinese Odyssey (UPenn)

冷戰時期的美國與東亞社會 (秀威)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= 冷戰時期的美國與東亞社會 (秀威)
ENBook cover: 冷戰時期的美國與東亞社會 (秀威)
書封:冷戰時期的美國與東亞社會 (秀威)
书封:冷戰時期的美國與東亞社會 (秀威)

Hong Kong and British Culture, 1945-97 (Manchester)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Hong Kong and British culture, 1945-97 (Manchester)
ENBook cover: Hong Kong and British Culture, 1945-97 (Manchester)
書封:Hong Kong and British Culture, 1945-97 (Manchester)
书封:Hong Kong and British Culture, 1945-97 (Manchester)

香港史:從遠古到九七 (CityU)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= 香港史:從遠古到九七 (CityU)
ENBook cover: 香港史:從遠古到九七 (CityU)
書封:香港史:從遠古到九七 (CityU)
书封:香港史:從遠古到九七 (CityU)

The Politics of the Past in Early China (Cambridge)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= The Politics of the Past in Early China (Cambridge)
ENBook cover: The Politics of the Past in Early China (Cambridge)
書封:The Politics of the Past in Early China (Cambridge)
书封:The Politics of the Past in Early China (Cambridge)

The Chinese Market Economy, 1000–1500 (SUNY)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= The Chinese Market Economy, 1000–1500 (SUNY)
ENBook cover: The Chinese Market Economy, 1000–1500 (SUNY)
書封:The Chinese Market Economy, 1000–1500 (SUNY)
书封:The Chinese Market Economy, 1000–1500 (SUNY)

Everyday Architecture in Context: Public Markets in Hong Kon

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Everyday Architecture in Context Public Markets in Hong Kong 1842–1981 (CUHK)
ENBook cover: Everyday Architecture in Context: Public Markets in Hong Kong 1842–1981 (CUHK)
書封:Everyday Architecture in Context: Public Markets in Hong Kong 1842–1981 (CUHK)
书封:Everyday Architecture in Context: Public Markets in Hong Kong 1842–1981 (CUHK)

香港街市:日常建築裏的城市脈絡 1842-1981 (香港中文大學出版社)

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= 香港街市 日常建築裏的城市脈絡 1842-1981 (香港中文大學出版社)
ENBook cover: 香港街市:日常建築裏的城市脈絡 1842-1981 (香港中文大學出版社)
書封:香港街市:日常建築裏的城市脈絡 1842-1981 (香港中文大學出版社)
书封:香港街市:日常建築裏的城市脈絡 1842-1981 (香港中文大學出版社)

Water Lords: Beijing’s Drinking Water and Its Carriers, 1644

首頁 Featured Research / Faculty Publications 輪播 · 開啟頁面
目前:alt= Water Lords: Beijing’s Drinking Water and Its Carriers, 1644–1937
ENBook cover: Water Lords: Beijing’s Drinking Water and Its Carriers, 1644–1937
書封:Water Lords: Beijing’s Drinking Water and Its Carriers, 1644–1937
书封:Water Lords: Beijing’s Drinking Water and Its Carriers, 1644–1937

News 頁:四張資訊日相片的 alt 全是「Photos」4 項

「Photos」不描述任何內容,等於沒有。這四張正好對得上 Vincy 那份 Word 文檔裡的 Information Day 2025 條目,下面的英文是按她的描述縮短的,中文是我補的。

WCAG 2.1 SC 1.1.1 Non-text Content (Level A) · 自動檢測抓不到,人手發現

20251101_104529.jpg

News & Events 頁的相片區 · 開啟頁面
目前:Photos
ENProf Katon Lee, Prof Chunmei Du and Dr Monica Chang with History students at the Faculty of Arts booth on Information Day 2025, holding photobooth props.
李啟雋教授、杜春媚教授與曾健欣博士在 2025 年資訊日文學院攤位前與歷史系學生合照,眾人手持道具牌。
李启隽教授、杜春媚教授与曾健欣博士在 2025 年资讯日文学院摊位前与历史系学生合照,众人手持道具牌。

20251101_104214.jpg

News & Events 頁的相片區 · 開啟頁面
目前:Photos
ENProf Katon Lee, Prof Chunmei Du and Dr Monica Chang hold speech-bubble props reading "History at Lingnan is FUN!" and "I love History" at the Department of History booth, Information Day 2025.
李啟雋教授、杜春媚教授與曾健欣博士在 2025 年資訊日歷史系攤位前,手持寫有「History at Lingnan is FUN!」和「I love History」的對話框道具。
李启隽教授、杜春媚教授与曾健欣博士在 2025 年资讯日历史系摊位前,手持写有“History at Lingnan is FUN!”和“I love History”的对话框道具。

20251101_100017.jpg

News & Events 頁的相片區 · 開啟頁面
目前:Photos
ENProf Katon Lee shows prospective students information about the undergraduate programme at the Department of History booth, Information Day 2025.
李啟雋教授在 2025 年資訊日歷史系攤位前,向準大學生介紹本科課程資料。
李启隽教授在 2025 年资讯日历史系摊位前,向准大学生介绍本科课程资料。

20251101_121810.jpg

News & Events 頁的相片區 · 開啟頁面
目前:Photos
ENProf Katon Lee delivers a talk on the undergraduate programme to prospective students in a classroom on Information Day 2025.
李啟雋教授在 2025 年資訊日的課室講座上,向準大學生介紹本科課程。
李启隽教授在 2025 年资讯日的课室讲座上,向准大学生介绍本科课程。

About Us 頁:橫幅的 alt 是「Intro」1 項

這張圖裡有文字(Department of History 歷史系)和三種書體的「史」字。圖片內的文字必須出現在 alt 裡,否則讀屏用戶完全接觸不到。

WCAG 2.1 SC 1.1.1 Non-text Content (Level A) · 自動檢測抓不到,人手發現

頁首橫幅

About Us 頁最上方 · 開啟頁面
目前:Intro
ENDepartment of History 歷史系, with the character 史 shown in three historical scripts.
歷史系橫幅:「Department of History 歷史系」,旁邊是「史」字的三種書體。
历史系横幅:“Department of History 歷史系”,旁边是“史”字的三种书体。

二、要 ITSC 改的(模板層,系裡改不了)

這些欄位和樣式在全校共用模板裡,系裡的 CMS 編輯器看不到。學校的無障礙聲明(ln.edu.hk/accessibility)寫明全站符合 WCAG 2.0 AA、由 ITSC 負責,所以這一節是提醒他們兌現已經寫下的承諾。

嵌入的地圖沒有 title

Contact Us · SC 4.1.2 (A) / 2.4.1 · frame-title,嚴重

頁面裡的 iframe 沒有 title 屬性,讀屏軟件只會念「frame」,用戶不知道要不要進去。

建議:在模板的 iframe 加 title="Location map of the Department of History"。

標題層級跳級

約 20 個頁面 · SC 1.3.1 (A) · heading-order

例如 h2 之後直接跳到 h4。讀屏用戶靠標題層級瀏覽頁面,跳級會讓結構讀不通。

建議:模板裡的標題層級要順序排列,或把純裝飾的大字改成非標題元素。

空標題

Bachelor 4 處、CHDH 2 處、DHGA 3 處 · SC 1.3.1 (A) · empty-heading

有 h 標籤但裡面沒有文字,多半是排版用的空行。讀屏會念出一個空標題。

建議:刪掉空的標題標籤,或改用 div/p 做間距。

表格有空的表頭格

Bachelor · SC 1.3.1 (A) · empty-table-header

表頭格是空的,讀屏用戶聽不出這一欄是什麼。

建議:補上表頭文字,或把該欄改成非表頭。

可捲動區域鍵盤到不了

Bachelor · SC 2.1.1 (A) · scrollable-region-focusable

頁面裡有一塊需要橫向捲動的內容,但它不能用鍵盤聚焦,只能用滑鼠捲。這正是 Cath 說的第二項。

建議:給該容器加 tabindex="0" 和可辨識的名稱。

主選單的下拉沒有 aria 狀態

全站 · SC 4.1.2 (A) · aria-allowed-role(首頁 13 處)

下拉觸發元素是普通連結,沒有 aria-haspopup 和 aria-expanded,讀屏用戶不知道有子選單,也不知道它是開是關。實測用 Enter 可以打開頂欄的 Quick Links,功能是通的,缺的是狀態播報。

建議:觸發元素補 aria-haspopup="true" 與動態的 aria-expanded。

裝飾圖的 alt 是無意義的英文詞

全站每一頁 · SC 1.1.1 (A) · 自動檢測不會報

Site Logo、tagline(兩次)、Subsite Background、Logo、uni-overall-6star。純裝飾的應該用空 alt="" 讓讀屏跳過;校徽和 tagline 應該給真正的文字。這些欄位在系裡的 CMS 編輯器裡看不到,是全校模板。

建議:Subsite Background 與重複的 tagline 改成 alt="";校徽改成「Lingnan University 嶺南大學」;六星徽章改成實際含義或留空。

中文版頁面沿用英文 alt

繁體與簡體版全站 · SC 1.1.1 (A) · 自動檢測不會報

繁體版教員頁上,頭像的 alt 仍然是 alt= Prof DU, Chunmei。三語站點應該三語都有 alt,CMS 本身有 alt_text_en / cht / chs 三個欄位。

建議:系裡負責內容欄位的中文版本,模板圖片由 ITSC 負責。

對比度需要人手覆核

每頁 16 至 17 處 · SC 1.4.3 (AA) · color-contrast,incomplete

自動檢測無法判定(多數是疊在圖片或漸變上的文字),需要人手抽查。

建議:ITSC 用取色工具核對紅底白字與圖片上的文字。

Bo 的頭像掛在校外圖床

People / Prof. AN, Bo · 不是無障礙問題 · 人手發現

個人頁的頭像檔案來自 i.postimg.cc,不在校內伺服器上。那個圖床哪天掛了或換了規則,頭像就沒了。

建議:把圖片重新上傳到 CMS。

三、已經合格的部分

四、方法

31 個頁面逐頁載入後執行 axe-core 4.10,規則集為 WCAG 2.0/2.1 A 與 AA。縮放測試以 625px 視窗模擬 1280px 螢幕下的 200% 縮放,檢查 document.scrollWidth 是否超出視窗。鍵盤測試為真實按鍵:由跳至主內容連結起連按 Tab,觀察聚焦位置與可見度,並以 Enter 測試下拉選單。alt 內容品質問題(alt= 前綴、Photos、Intro)自動檢測不會報,是逐頁人手核對 374 張圖片後找出來的。