為所有人打造產品:無障礙Accessibility是什麼?

更新 發佈閱讀 6 分鐘

為所有人打造產品:無障礙Accessibility是什麼?

raw-image

你有想過你日常習以為常使用的產品與服務,舉凡金融、醫療、交通、教育等領域,世界上有另一群人無法使用嗎?在網路開始變成了新的基礎設施,提供許多人前所未有的便利時,有一群人仍然被排除在這樣的浪潮之外。

為了查看這個月的帳戶餘額,小伍到網路銀行進行登入,可是在輸入驗證碼的時候卻受到阻礙!雖然明眼人直接就可以看到驗證碼上的文字和數字,但螢幕閱讀器卻沒有辦法讀到圖片上的資訊。於是小伍只好把圖片另外下載下來,再透過 Be My Eyes 的線上志工的協助,才終於完成登入任務⋯⋯

raw-image

誰需要網路無障礙?

像小伍這樣的故事不是特例。

平常大家操作電腦的時候會不會使用滑鼠或是觸控板呢?

滑鼠的操作很直覺,作為最常見的電腦配備之一,點擊、選取、拖曳、移動、滾動等,滑鼠能夠做到十分多的動作,也因此我們常常習慣使用移動鼠標跟電腦與網頁互動。

但你有想過如何不使用鼠標,只使用鍵盤來瀏覽網站甚至是進行複雜的電腦操作嗎?

有些視障者使用者因為看不到螢幕,所以沒有辦法使用滑鼠來操作電腦。取而代之的是一種叫做螢幕閱讀器(Screen Reader)的輔助科技來操作。螢幕閱讀器可以把螢幕上顯示的東西用聲音唸出來,使用者就可以依照念出來的東西使用鍵盤來跟電腦互動。

另外,不同程度的肢體障礙者或是有帕金森氏症的使用者,他們也無法或是較難使用滑鼠進行操作。在這種情況下,他們也會使用安定性較高的鍵盤而不是滑鼠來使用電腦。

邀請你可以試試看只使用鍵盤來操作看看平常常用的平台或網站,看看能不能成功瀏覽甚至完成任務,我相信你會跟我們一樣遇到很多挫折😂

然而這就是障礙者上網所會遇到的日常問題。視覺障礙,聽覺障礙,肢體障礙,閱讀學習障礙等,其實障礙者使用者在使用網路產品時往往還是會陷入像上面的故事中的問題,不管是驗證碼或是無法操作的元件,都使他們無法正常使用他們需要的服務。

就像是使用者中心的產品,無障礙也一樣需要開發者意識到問題並且有意識地進行對策與改善。包括前期的使用者調查,設計及開發上的注意點,加上有意識的使用者測試,才能打造出無障礙的產品,也就是我們想要介紹給大家的無障礙設計。

所以無障礙是只是為了障礙者的特別措施嗎?

看到這裡,不知道你會不會覺得「好,我知道了!所以無障礙就是為了障礙者們的特別措施!我們應該要為這些障礙者努力!」

但是值得一提的是,障礙者是可以從無障礙設計中受益的主要族群(畢竟有許多網站與產品他們現在仍無法使用),但是無障礙並不只是為了障礙者而做的。

舉個生活中常見的例子:在各個場所都會出現的無障礙斜坡。無障礙斜坡最初是為了無法攀爬樓梯的人而設計的。像是無障礙斜坡上出現的標示一樣,我們總會想像輪椅使用者是主要的客群。然而仔細回想一下,你在生活中有沒有使用過無障礙斜坡呢?不論是推著嬰兒車,菜籃,行李箱,有時候甚至只是腿痛到無法爬樓梯,我們每個人都是無障礙斜坡的使用者。

raw-image

實際上,在我們後面會提到的許多網路無障礙科技,也都在經過發展之後成為我們日常生活中必不可少的一環。影片字幕是輔助聽覺障礙者理解聲音內容的科技,但是例如在機場等或是不能聽到聲音的情況下,字幕也可以有效幫助聽覺障礙者以外的使用者來正確理解資訊。

雖然聽起來無障礙離我們的生活很遙遠,但是我們自己與身邊親密的人都可能在某些時候,也許是萬一出了意外或是單純的衰老而身體機能退化,我們都可能或短暫或長期地需要使用到這些輔助科技。

有一位使用者在成為新手媽媽之後親自體會到無障礙的重要性:以往可能可以悠閒地在假日的下午躺在沙發上一邊泡熱茶一邊優雅地上網買衣服,現在可能常常需要單手抱著孩子一邊操作手機,或是半夜四點還得上網採買必需品等等。

以這個例子來說,單手操作手機讓人短暫的無法使用完全的肢體能力,假設一個電商網站沒有設計好手機頁面,需要使用者自己放大縮小,又或者是輸入一大堆不必要的資訊等,勢必也會造成困擾。

半夜四點買東西其實也十分考驗人的精神力,大多數時候照顧一天孩子,沒有人能夠還能保持完全的精神來操作網站,也因此我們需要把網站的流程與編排設計地盡量直覺與好懂。

上面這些考量的點其實也是無障礙設計的核心理念與目標之一。

無障礙設計的理想是打造不論年齡,身體特徵等要素都可以平等的使用網路的環境,不是「為了某些特定的少數族群而做的特別措施」,是為了所有人的未來。

我們是誰?會介紹什麼?

我們是一群關注 accessibility 的人組成的團隊,有感於 accessibility 在臺灣仍罕為人知,希望透過各種形式與主題將此概念推廣給大家。不論你是設計師、工程師,我們相信只要願意多一點了解,創造的產品與服務就會減少一分不便,增加一分友善。

我們之後預計會分享的內容會以無障礙設計為中心,例如:

  • 認識使用者:我們會邀請障礙者分享他們日常生活中會使用什麼樣的產品,會遇到怎麼樣的困境。
  • 輔助科技的詳細介紹:對於screen reader的理解只知道他是會把螢幕的字唸出來嗎?讓screen reader使用者告訴你其中的門道。另外還有螢幕放大功能,色彩與對比度等常見的無障礙注意點跟輔助科技等主題。
  • 常見的無障礙設計陷阱:設計師日常會以使用者為中心設計,但是這樣的設計是不是有可能讓使用輔助科技的使用者無法正常使用呢?我們將拆分一個個小主題來探討各個設計方案在無障礙面向的優缺點。

謝謝把這篇文章看到這裡的你,也希望接下來的內容可以帶給你的設計,開發,產品規劃等一些新的思路與啟發,也歡迎訂閱我們收到來自我們最新的accessibility情報!

留言
avatar-img
無障礙新手村🏕的沙龍
1會員
1內容數
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
如何指引視障者。怎麼幫助他們、他們出門的原因和難題
Thumbnail
如何指引視障者。怎麼幫助他們、他們出門的原因和難題
Thumbnail
口述影像(Audio Description, AD)是透過口述影像協助視障人士理解視覺內容的技術,並且是體驗文化來重新修正框架認知的重要管道
Thumbnail
口述影像(Audio Description, AD)是透過口述影像協助視障人士理解視覺內容的技術,並且是體驗文化來重新修正框架認知的重要管道
Thumbnail
ADA,對於3C產品愛用者的你們、各位,應該是一個比較陌生的名詞,在筆記型電腦、桌上型電台、手機、Tablet、Server、...等等的產業別來說,似乎不會ADA的規範所限制,但是Wall mount 的觸控Panel PC、Kiosk,例如點餐機、停車場收銀機、票券販賣機....等等的Kiosk
Thumbnail
ADA,對於3C產品愛用者的你們、各位,應該是一個比較陌生的名詞,在筆記型電腦、桌上型電台、手機、Tablet、Server、...等等的產業別來說,似乎不會ADA的規範所限制,但是Wall mount 的觸控Panel PC、Kiosk,例如點餐機、停車場收銀機、票券販賣機....等等的Kiosk
Thumbnail
以有限聽覺與口語方式與外界互動、從小沒有學過手語的聽障者,手語翻譯可以說完全派不上用場,他們需要的是即時文字的提供、聽覺輔助系統例如藍芽傳輸等,甚至需要搭配清楚可辨的唇形來讓他們能更完整、充分的了解到現在,誰說了些什麼。
Thumbnail
以有限聽覺與口語方式與外界互動、從小沒有學過手語的聽障者,手語翻譯可以說完全派不上用場,他們需要的是即時文字的提供、聽覺輔助系統例如藍芽傳輸等,甚至需要搭配清楚可辨的唇形來讓他們能更完整、充分的了解到現在,誰說了些什麼。
Thumbnail
為所有人打造產品:無障礙Accessibility是什麼? 你有想過你日常習以為常使用的產品與服務,舉凡金融、醫療、交通、教育等領域,世界上有另一群人無法使用嗎?在網路開始變成了新的基礎設施,提供許多人前所未有的便利時,有一群人仍然被排除在這樣的浪潮之外。
Thumbnail
為所有人打造產品:無障礙Accessibility是什麼? 你有想過你日常習以為常使用的產品與服務,舉凡金融、醫療、交通、教育等領域,世界上有另一群人無法使用嗎?在網路開始變成了新的基礎設施,提供許多人前所未有的便利時,有一群人仍然被排除在這樣的浪潮之外。
Thumbnail
"無障礙" 主要是形容一些建築物或一些讓公眾使用的地方﹐是否設有方便身體有殘障的人士使用的設施。例如: 輪椅使用者的斜坡、失明人士的導盲徑...等等。除此之外﹐在虛擬的互聯網世界裡同樣有 "無障礙" 的概念。 當我們製作網頁時﹐加入以下的技巧﹐網頁就能夠方便視障、聽障人士使用:
Thumbnail
"無障礙" 主要是形容一些建築物或一些讓公眾使用的地方﹐是否設有方便身體有殘障的人士使用的設施。例如: 輪椅使用者的斜坡、失明人士的導盲徑...等等。除此之外﹐在虛擬的互聯網世界裡同樣有 "無障礙" 的概念。 當我們製作網頁時﹐加入以下的技巧﹐網頁就能夠方便視障、聽障人士使用:
Thumbnail
這一集,山姆主以視覺障礙為出發分享,即便是被歸類在同一種種類的障礙,也存在不同的使用產品的手段,不能一概而論地去說「為了OO障礙者,我們做了這樣的設計」。 全盲使用者和弱視使用者的使用習慣的不同 我們每個人都處於身體能力光譜上的一個位置
Thumbnail
這一集,山姆主以視覺障礙為出發分享,即便是被歸類在同一種種類的障礙,也存在不同的使用產品的手段,不能一概而論地去說「為了OO障礙者,我們做了這樣的設計」。 全盲使用者和弱視使用者的使用習慣的不同 我們每個人都處於身體能力光譜上的一個位置
Thumbnail
最近因為疫情,爸媽使用手機的習慣,從只發早安圖到頻繁的上網看新聞、學上網購物等,頻頻遇上各種麻煩,兩人透過視訊向我求救,經過耐心教一陣子,發現根本還是雞同鴨講,對牛彈琴!
Thumbnail
最近因為疫情,爸媽使用手機的習慣,從只發早安圖到頻繁的上網看新聞、學上網購物等,頻頻遇上各種麻煩,兩人透過視訊向我求救,經過耐心教一陣子,發現根本還是雞同鴨講,對牛彈琴!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News