WEBPLANLY 行業網站指南

NGO、社福機構及協會網站應該具備甚麼內容?

NGO及社福網站同時服務受助者、家屬、會員、義工、捐款者、合作機構和公眾。設計的首要目標不是展示機構有多少活動,而是讓不同人士快速找到與自己有關的服務、資格、申請和責任資料。

直接答案:網站應包括機構使命、服務對象、申請或參與方法、活動、管治與年報、團隊及聯絡資料;如接受捐款,要清楚交代用途、方法及收據安排。所有重要資訊應可在手機和輔助技術下使用,不能只放在海報或掃描PDF內。

不同使用者需要不同入口

使用者 首先需要甚麼 建議入口
服務使用者/家屬 是否符合資格及如何申請 服務分類、資格、流程和聯絡
會員 活動、文件和會員安排 會員中心或清楚資源頁
義工 工作內容、時間和要求 義工機會及申請流程
捐款者 用途、透明度和付款安全 捐款說明、年報和收據資料
合作機構 服務能力和聯絡窗口 項目、影響、合作方式和負責人

首頁應按任務分流

「關愛社群,共建未來」可以表達理念,但不能代替實際導航。首頁應讓訪客清楚選擇「尋找服務」、「參加活動」、「成為義工」、「捐款支持」或「了解機構」。緊急或高需求服務的聯絡方法應放在明顯位置。

無障礙不是額外裝飾

W3C的WCAG 2.2以可感知、可操作、可理解和穩健四項原則組織無障礙要求。實際網站應注意文字對比、鍵盤操作、焦點狀態、表格標題、圖片替代文字、影片字幕、清楚連結名稱及可理解表格錯誤。

重要申請資料不能只存在圖片或掃描PDF。若必須提供PDF,也應同時提供可讀網頁摘要、正確文件標題和下載檔案大小,並檢查文件本身是否可被輔助技術使用。

透明度資料要容易找到

機構可按自身性質提供管治架構、董事或委員會、年度報告、財務摘要、資助或合作資料和重要政策。這些內容不應被藏在新聞頁深處。Google的Organization結構化資料可協助理解機構名稱、網址及Logo,但頁面仍需要有真實而完整的可見資料。

實際例子:一間長者支援機構可把網站分成「上門支援」、「照顧者資源」、「活動」和「義工」。每項服務頁先列服務對象、地區、費用、申請文件和輪候安排,再提供下載表格;家屬不用先閱讀整本年報才找到申請方法。

表格和捐款需要資料治理

義工、會員、個案轉介和捐款表格會收集不同資料,應分開設計,僅收集當階段必要內容,並提供合適個人資料收集聲明。捐款頁亦應交代付款渠道、機構身份、用途、收據及查詢方法,避免只放一個付款連結。

常見問題

NGO網站一定要符合WCAG嗎?

具體法律或資助要求要按機構情況確認;即使沒有指定級別,依循WCAG原則改善可用性,對服務不同能力人士仍然重要。

活動海報可以代替活動頁嗎?

不建議。應以網頁文字提供日期、地點、對象、名額、費用和報名方法,海報只作視覺補充。

年報應該放在哪裏?

可建立「管治與報告」固定頁,按年份排列,並提供簡短說明和可辨識檔名,不要只散落在新聞文章。

多種服務應該按部門分類嗎?

內部部門未必是公眾理解方式。優先按服務對象、需要或地區分類,再在內容中說明負責單位。

總結

NGO和社福網站的好設計,是讓需要協助的人更快找到服務,同時讓義工、捐款者及合作方理解機構如何運作。清楚分流、無障礙、透明度和資料保護應一開始就納入結構。

資料核對:W3C WCAG 2概覽、香港私隱專員公署個人資料收集聲明(查閱日期:2026-09-03)