方案/報價詢問

Inquire & Quote

基本資料

  • 餐飲食品​
  • 咖啡/酒窖​
  • 美容產業​
  • 服飾品牌​
  • 代購/生活百貨​
  • 生技產業​
  • 課程/教育單位​
  • 個人形象經營​
  • 旅遊/住宿​
  • 小農品牌/園區體驗​
  • 設計/攝影/文創/藝術​
  • 娛樂/休閒服務業​
  • 寢具/傢飾​
  • 香氛/保養品/精油​
  • 汽車/機械、工具零件製造​
  • 清潔服務​
  • 其他​

  • 親友介紹
  • FB、IG粉絲專頁
  • Google搜尋
  • Yahoo搜尋
  • Line
  • 網頁圖像廣告
  • 其他

您的需求

  • $10000~$30000
  • $30000~$50000
  • $50000~$80000
  • 其他

已同意隱私權政策
2021. 12. 16

從「心」開始-無障礙網頁設計

無障礙網
什麼是無障礙網頁?

我們在日常生活中處處都看得到「無障礙空間」、 「無障礙通道」等等公共場合設計,這些設計保障了身障者的出入自由,但您有想過在這個資訊爆炸的時代,網頁也需要「無障礙設計」嗎?

無障礙網頁不能僅僅以一般用戶的角度來規劃設計,而是必須考量到身心障礙者的角度來設計網站,它將決定人人是否都能夠享有相同的使用權。

「無障礙網頁」也越來越受到重視,例如有國家要求政府所開發或外包的網站都必須提供無障礙環境。台灣的身心障礙者權益保障法也在108年訂定了「網站無障礙規範2.0版本」 ,要求各級政府及其附屬機關、學校所建置之網站都須通過無障礙檢測,並取得認證標章。

那應該注重哪些使用者的體驗性呢?

我們在設計無障礙網頁時應該以下方使用者的角度去思考如何提升我們網頁的友善度,幫助他們能夠享有自由上網的權益:

視覺障礙者:使用者可透過「螢幕報讀軟體」、「點字觸摸顯示器」、「螢幕擴視軟硬體」……等等輔助工具來上網。而我們在網站設計時也應避免:彈出式視窗、選單突然展開、圖片驗證碼無替代文字或語音……等等狀況。

聽覺障礙者:網頁可提供閱讀的替代文字,並且設計時應避免影片或音訊沒有文字訊息。

行動障礙者:使用者可透過紅外線滑鼠或手掌鍵盤來操作電腦,若網站主要客群為該類使用者,可以加入「純鍵盤操作」這樣的設計。

認知障礙者:與記憶、注意力、理解力、解決問題能力相關的疾病都會造成使用者使用網站時遇到困擾,跟其他類使用者不同,我們比較無法快速解決認知障礙所引起的操作問題,只能在設計時盡可能符合四大原則(可感知、可操作、可理解、穩健性)。

那製作/設計無障礙網頁時該注意些什麼呢?

W3C(全球資訊網協會)成立的WAI(網路無障礙計畫組織)制定了一套「無障礙網頁內容指南(WCAG)」,其中歸納了「四大原則」,並細分「十三個指引」,讓PM、設計師、前後端工程師可以根據指引製作出符合規範標準的無障礙網頁:

一、「可感知」原則:替代文字、可調適、可辨識、時序媒體。
二、「可操作」原則:預防不良反應、鍵盤可操作、充足時間、可導覽。
三、「可理解」原則:輸入協助、可讀性、可預期性。
四、「穩健性」原則:相容性、輸入方式。

各項詳細說明,可至台灣國家通訊傳播委員會(NCC)的網站或到以下網址觀看介紹,讓您更加理解如何提升自家網站的友善度!

https://accessibility.ncc.gov.tw/Accessible/Guide/68
▲ NCC 網站無障礙規範(110.07)

那麼該如何取得認證呢?

台灣相關的無障礙網頁標章認證是由台灣NCC負責審核的,申請標章前,需要確保申請之網站已通過軟體檢測(Freego),並依規範查核評量碼內容,於七個工作日完成自我評量,下方提供NCC申請標章的連結,若您有相關需求,可至該網站觀看更加詳細的規範說明。

https://accessibility.ncc.gov.tw/Home/Apply
▲ NCC 網站無障礙標章申請

結語

看完上面的介紹,您有沒有對無障礙網頁有更多的認識呢?隨著科技越來越進步,我們應該從「心」開始,讓冰冷的機器重新獲得溫度,而無障礙網頁發展至今,也有需多國家訂定許多法規來保障人人都能夠享有這些基本權益,再來多加認識無障礙網頁,讓網頁設計更能夠貼近我們的生活吧!

分享至: