Menu

網站服務項目

無障礙網站設計
是什麼?

無障礙網頁是要讓「視覺障礙者」或「聽覺障礙者」可以使用其他替代方式獲得網站的內容資訊

由於他們瀏覽網頁時無法用一般人的方式取得相關資訊,必需透過閱讀機、點字顯示器等各種特殊裝置來「瀏覽」網頁,透過這些輔助設備,可以將符合無障礙網頁的資訊「唸」出來或用點字方式顯示,來讓視障朋友們了解網頁的內容。

無障礙網頁其實就在我們生活中!
像是我們為渣打「Futuremakers 公益計畫」、美國好米「USA Rice」及臺東縣政府「臺東縣原住民族語言能力認證」所打造的專屬網站

服務對象
4大類障礙

視覺障礙

視覺障礙包括盲人、低度視覺、色盲……等等。這類的用戶會使用擴視器(screen magnifier,可能是物理擴視機、或是軟體的縮放功能(當代多數瀏覽器和作業系統都有這種功能),也有些人會用螢幕閱讀器。

聽覺障礙

聽覺障礙者、或聾人,是指聽力低落、或毫無聽力的群體。 聽覺障礙者也是龐大的人口,世界衛生組織在耳聾和聽力損失指出:「全球有3.6億人患有殘疾性聽力損失」。

行動障礙

有運動障礙的人,有些殘疾也可能是老化的結果,而不是受到創傷或疾病,有些是純粹身體問題(例如: 肢體殘缺或癱瘓)或是四肢無力、他們可能難以使用滑鼠做出精確的手部動作來操作電腦。

認知障礙

可涵蓋從精神疾病到學習困難。包含ADHD(注意缺陷多動障礙)、自閉症患者、思覺失調以及許多其他相關疾病。 這些與記憶、解決問題能力、理解能力與注意力等相關的疾病問題,會影響病患使用網站,而最常見的問題就是他們會在理解如何完成網頁操作、或記憶以往完成網頁操作的過程、以及經歷各種不同的操作流程與不一致的體驗時,增加許多挫敗感。

無障礙網站規範
4大原則

可感知
網頁資訊內容對任何形式的操作都必須為易於感知,比如影片必須要具有字幕以利於聽障者了解資訊。
可操作
在閱讀網站所需動作上必須多元化,不能有只能以單一方式來操作的元素,比如要為視障者提供鍵盤閱讀網頁功能。
可理解
任何形式的資訊內容都需簡單明暸,如果有專有詞必須以其他易於理解都方式呈現,易於身心障礙者理解。
穩健性
無論網站操作方式與內容都必須具有長遠性,不會隨者網頁技術發展造成不同狀況的使用困難。

無障礙網站特點
案例:臺東縣原住民族語言能力認證

無障礙網站的按鈕或元件必須保有一定大小,可輕易被點擊。當游標移動至按鈕上,會出現詳細文字說明,供使用者更好了解並易於操作。
任何可點擊的元件都具有強調樣式。需要讓使用者明確知道自己有正確的選取到該元件。
為了協助使用者能更快速上手,以及了解整體的架構,無障礙網頁會另外設計「網站導覽」頁,包含:說明鍵盤快速鍵的操作以及網站地圖,以供使用者更容易掌握網站架構。
於後台上架圖片時,需加上HTML Alt,意思是圖片替代文字,用於當網路速度太慢、圖片檔案出錯、瀏覽器禁用圖像等等,導致圖片失效的時候,Alt替代文字可以描述圖像的內容,作為補救措施。

分級標章
網頁親和力
Web Accessibility

為了確保任何人都可以順利的取得網頁上的內容,無論人們是否遭受了上述所提到的各式障礙,都不會影響獲取資訊的能力。目前許多政府機關網站已有這樣的標章認可,用意是讓大家瀏覽網站或申辦各項業務時更簡單方便。

而無障礙網頁標章依網頁親和力(Web Accessibility)的不同,規劃如下表等3種不同等級的標章。

樂活資訊秉持著UI設計之精神,致力於打造出完善且美好的使用者體驗,這其中也包含身障者或任何因素無法使用正常網站的對象給於協助。樂活也號召每一個與我們合作的夥伴一同加入這件有意義且溫暖的事情。
看主題故事
更多關於無障礙網站設計的文章
樂活的知識文章,發掘您的靈感