無障礙網頁功能說明

互聯網是提供資訊和服務的重要途徑之一,因此能顧及各類人士需要的網站設計十分重要,好讓大多數人都可輕易瀏覽和使用。

本網頁將介紹無障礙網頁的設計概念、本網站在有關方面提供的功能。

為提升網站的可讀性及操作便利,讓不同需要的使用者都能順利瀏覽網站內容,本網站提供多項無障礙輔助功能,協助弱視、色弱、色盲人士,以及使用讀屏軟件或鍵盤操作的使用者獲取資訊。


1. 字體放大及縮小

網站提供字體放大及縮小功能,讓使用者可按個人視力需要,自行調整頁面文字大小,提升閱讀舒適度及內容辨識度。此功能特別適合弱視人士、長者、視力退化人士,以及需要長時間閱讀網站內容的使用者。

2. 高對比模式

高對比模式會將網站畫面調整為黑底白字、深色背景配搭淺色文字,或其他對比度較高的顯示方式,使文字、按鈕、選單及內容區塊之間更加清晰。

此功能適合弱視人士、視力退化人士,以及在光線不足或螢幕反光環境下瀏覽網站的使用者。透過提高前景文字與背景之間的顏色差異,可減少閱讀時的視覺負擔,讓重要資訊及操作項目更容易被辨識。

3. 灰階模式

灰階模式會將網站上的彩色內容轉換為黑、白及不同程度的灰色顯示,減少鮮豔顏色及複雜色彩對視覺造成的干擾。

此功能可協助部分色弱或色盲人士更集中地辨識文字、圖示、按鈕及版面結構,亦適合對強烈色彩、閃亮色調或高飽和度畫面較為敏感的使用者。灰階模式同時可降低頁面視覺刺激,提升長時間閱讀時的舒適度。

網站的重要資訊不應只依靠顏色傳達,亦會配合文字、圖示、底線或其他視覺提示,避免使用者因無法分辨顏色而遺漏內容。

4. 連結底線模式

啟用連結底線模式後,網站內所有可點擊的文字連結都會顯示底線,讓使用者可以更容易分辨一般文字與超連結。

此功能可避免網站只依靠不同文字顏色來表示連結,尤其適合色弱、色盲、低視力人士,以及在低對比度螢幕上瀏覽網站的使用者。清楚的底線提示可幫助使用者快速找到可點擊項目,減少誤判及操作困難。

5. 網站地圖

網站地圖會以清晰、有層次的方式列出網站的主要欄目、頁面分類及相關連結,讓使用者可以快速了解整個網站的內容結構。

使用者毋須逐層開啟選單,即可直接前往所需頁面。此功能對首次瀏覽網站、難以操作複雜選單、使用鍵盤導航或使用讀屏軟件的人士尤其有幫助。

網站地圖亦可作為主要導覽功能的補充,當使用者無法在選單或搜尋功能中找到所需資料時,可透過網站地圖快速定位相關內容。

6. 多語言 lang 語言標記

網站會根據不同語言版本,在網頁程式碼中加入正確的 lang  語言標記,例如繁體中文頁面使用 zh-Hant,葡文頁面使用 pt  或更具體的地區語言代碼。

正確的語言標記可以協助讀屏軟件判斷頁面內容所使用的語言,並採用相應的發音規則進行朗讀,避免中文內容以葡文或英文發音方式讀出。

當同一頁面中包含不同語言的文字時,亦應為個別內容設定相應的語言標記,讓輔助技術可以在朗讀過程中自動切換語音及發音方式,提升內容的準確性及可理解程度。

7.重設無障礙設定

提供重設功能,讓使用者可以一鍵恢復網站原有的顯示設定,包括關閉高對比模式、灰階模式、連結底線等功能。


無障礙功能