技術可存取性與網站基礎,核心是確保網站、工具同技術能夠畀唔同能力嘅使用者順利使用,特別係有殘障人士都可以感知、理解、操作同互動網站內容。網站基礎方面,重點通常包括語意化 HTML、清晰結構、足夠色彩對比、圖片替代文字、表單標籤、鍵盤操作同兼容不同瀏覽器與輔助技術。
基本概念
- 可存取性(Accessibility):設計同開發網站時,令更多人可以使用,包括使用螢幕閱讀器、鍵盤或其他輔助技術嘅使用者。
- 網站基礎(Website fundamentals):指網站嘅基本架構同內容呈現方式,例如標題層級、導覽、連結、表單、圖片同媒體處理方式。
- 相容性:網站應該可以喺唔同瀏覽器、裝置同輔助技術上正常運作。
常見核心原則
- 可感知(Perceivable):內容要可以被感知,例如為圖片提供替代文字、為影片提供字幕。
- 可操作(Operable):使用者要可以用鍵盤或其他方式操作網站,而唔係只靠滑鼠。
- 可理解(Understandable):內容、指示同錯誤訊息要清楚易明。
- 穩健(Robust):網站要對唔同技術保持兼容性,方便未來技術變化下仍可使用。
常見實作做法
- 用正確標題層級建立清晰內容結構,例如 (h1)、(h2) 等。
- 為圖片加上有意義嘅 alt text。
- 為表單欄位提供明確 label 同操作提示。
- 確保文字同背景有足夠對比。
- 支援鍵盤導覽,例如 tab 順序自然、可跳至主要內容。
- 為影片加入字幕,必要時提供文字稿。
一句話總結
技術可存取性係「令網站人人都用到」;網站基礎就係「用正確、清晰、兼容嘅方式去建站」。
