建造一個擁抱高齡者的無障礙數位環境

Published in

a11yvillage

Apr 7, 2024

這篇文章將簡介高齡社會下的台灣，目前人口組成及趨勢，並利用政府資料簡述熟齡族群使用數位內容的障礙。接著將綜合 WCAG 提供的高齡者 UIUX 設計建議，提供大家關於高齡使用者的小知識，並介紹一個輔助視覺呈現的 Chrome Plugin 和 iPhone的一個輔助使用功能「縮放」，期待這篇文章能提供讀者考量到高齡使用者時一些啟發。

高齡社會的臺灣，全球趨勢的老化

臺灣已經在1993年成為高齡化社會，2018年成為高齡社會，根據政府於2022年推估，臺灣將於2025年邁入超高齡社會，而且還會持續上升：老年人口占總人口比率將持續提高，預估於2039年突破30%，至2070年將達43.6%。

不過，臺灣不是唯一遇到高齡社會的地方。根據聯合國於2023年1月發佈的報告，2021年65歲以上人口約有七億六千一百萬人，但到2050年該族群人口將超過十六億，呈現翻倍成長；而80歲以上人口將從2021年一億五千五百萬然人口成長至2050年四億五千九百萬人口；到2050年，全球社會將轉變為六位中就有一位老人的樣貌。

變老了，然後呢？

不過，我們也知道現在是資訊科技愈加發達、重要的時代，但目前考量高齡使用者的數位產品、服務或許仍然佔全部比例相對較低。高齡使用者與其他使用者有什麼不同呢？「老化」不僅是年齡增加，還包含身體機能的退化，例如肌肉和骨骼變化、視力和聽力變差，以及認知功能變化等。例如在之前的小百科中，也曾探討此類障礙族群的人口特徵，發現老年族群部分佔了較多比例，顯現老化帶來的身體影響；以及在老化社會中，「容易使用」的產品或生活環境需求逐漸上升。

臺灣的樂齡者，如何使用數位產品？

根據我國國家發展委員會提出的《2019 年世代數位機會發展現況》，我們可以發現臺灣中高齡以上族群使用網路、數位產品的比例都超過 90%，顯現我國中高齡族群也相當依賴網路和數位產品。

使用數位產品比例在40~49歲族群是99.20%，50~59歲族群是97.20%，60歲以上則佔92.90%，使用比例隨年齡增加而減少。 — 國家發展委員會提出的《2019 年世代數位機會發展現況》

那麼，他們會使用什麼裝置上網呢？在此份調查中，結果顯示「智慧型手機」佔了近八成的比例，較大螢幕的桌上型電腦、筆記型電腦及平板電腦次之。除了「智慧型手機」外，桌上型電腦是中高齡族群最常使用的裝置。上述內容提到高齡使用者可能遭遇視力退化的現象，所以如何在較小的螢幕上設計好的使用體驗，可能是考量這群使用者時會遇到的挑戰。

智慧型手機使用比例顯著大於其他種類的裝置。這是中高齡族群連網裝置的圖表，40~49歲族群使用智慧型手機78.60%、使用桌上型電腦15.30%、使用筆記型電腦3.20%、使用平板電腦2.20%；50~59歲族群使用智慧型手機73.00%、使用桌上型電腦16.60%、使用筆記型電腦4.00%、使用平板電腦5.80%；60歲以上使用智慧型手機70.70%、使用桌上型電腦16.00%、使用筆記型電腦3.20%、使用平板電腦8.80%。 — 國家發展委員會提出的《2019 年世代數位機會發展現況》

雖然使用網路的比例相當高，但仍然需要學習使用這些產品。那麼中高齡族群學習使用電腦時會遇到什麼困難？根據政府的研究，有近一半受訪者在問卷中回答使用數位產品時確實會遇到挫折。根據問卷調查，「中文輸入能力較差」、「指令／功能常會忘記」是最多人選擇的障礙，另外「擔心電腦壞掉」、「流程複雜」等也都是他們會遭逢的困難之一。

中高齡使用者常見學習障礙中，中文輸入能力較差佔14.6%，指令/功能常會忘記佔13.90%，擔心電腦壞掉佔13.50%，流程複雜佔10.40%，看字吃力和英文看不懂各佔3.40%，電腦軟硬體複雜和其他佔2.10%，沒有困難佔46.60%，不知道/拒答佔4.80%。 — 國家發展委員會提出的《2019 年世代數位機會發展現況》

WCAG：高齡使用者需求部分近似障礙者

從以上段落，我們可以知道老化不僅是年齡增長，更包括身體機能、認知功能的改變。根據WCAG文件，他們提出高齡使用者與障礙者族群在部分需求上相似（以下引自WCAG官方說明）：

視覺（vision）：例如視力下降，包括降低的對比敏感度、色彩感知和近距離焦點，使閱讀網頁變得困難。
動作（physical ability）：包含手部靈活性和精細運動控制能力下降，使得使用滑鼠並點擊小目標變得困難。
聽力（hearing）：包括難以聽到高音頻聲音和分辨聲音，這使得聽 Podcast 和其他聲音變得困難，特別是在有背景音樂的情況下。
認知（cognitive ability）：包括短期記憶能力下降、難以集中注意力和容易分心，使得追蹤導航和完成網上任務變得困難。

因應以上高齡使用者可能的困難，在這份官方文件中，WCAG找出相對應的條文，期待給予設計師、開發人員、研究員等參考。這份文件首先分為「可感知資訊與使用者介面（Perceivable information and user interface）」、「可操作的使用者介面與導覽（Operable user interface and navigation）」、「易理解的資訊與使用者介面（Understandable information and user interface）」、「明確的內容與可靠的解釋（Robust content and reliable interpretation）」四大項，並在各項之下提出數位產品製作準則，在這些準則下提供了可以參考的技術，以下僅列出準則，想看更多的大家歡迎點入這個網站了解更多細節（以下引自WCAG官方說明）：

可感知資訊與使用者介面（Perceivable information and user interface）

文字大小：文字可以在不使用輔助技術的情況下放大至200％，而不會損失內容或功能（AA）
字體與文字排版：視覺呈現包括對文本樣式、文本對齊、行距與間距、行長和水平滾動的要求（AAA）
顏色與對比度：顏色使用不能是唯一傳達訊息、指示動作等的方法（A）；對比度要求至少有4.5:1（AA）或7:1以上（AAA）
多媒體素材：提供預錄字幕（A）；提供預錄聲音描述說明（AA）；低背景音或不設置背景音樂（AAA）
文字轉語音（語音合成）：提供可替代的文本給使用者（A）；提供文字轉語音的軟體等（A）
CAPTCHA：提供CAPTCHAs代替非文字內容的驗證（A）

可操作的使用者介面與導覽（Operable user interface and navigation）

連結：提供連結的說明（A）；提供視覺焦點讓使用者知道網頁上的物件（AA）；提供連結的目的可以被使用者知道（AAA）
導覽與定位：網頁需呈現可描述功能或用途的標題（A）；在一個網站中，提供多個路徑到同一網頁（AA）；告知使用者在網站中的位置（AAA）
滑鼠使用：需使用者輸入時提供標籤指示（A）；提供可見焦點（AA）
鍵盤使用和定位：內容可透過鍵盤介面操作（A）；確保焦點可僅使用鍵盤移開該元件（A）；所有內容的功能都可透過鍵盤介面操作（AAA）
干擾（Distraction）：提供給使用者暫停、停止或隱藏、移動內容的機制（A）；提供暫停或停止音頻的機制（A）；干擾可以被推遲或抑制（AAA）
提供足夠的時間：使用者可以關閉、調整或延長任何時間限制（A）；滾動內容應該可以暫停，且自動更新的內容也可以被暫停或控制（A）；時間不是內容呈現的事件或活動的重要部分（除了多媒體）（AAA）

易理解的資訊與使用者介面（Understandable information and user interface）

頁面組織（Page Organization）：標題和標籤描述主題或目的（AA）；表示使用區段標題來組織內容（AAA）；視覺呈現（Visual Presentation）能幫助文字理解（AAA）
易理解的語言：提供一種機制來識別以不常見的詞語使用或片語的定義（AAA）；提供幫助識別縮寫詞等特殊含義的機制（AAA）；要求提供一個版本，不需要比國中教育水平更高的閱讀能力（AAA）
導覽與標籤一致性：要求在整個網站上以相同的順序導覽（AA）；要求具有相似功能的元件有一致的標籤（AA）
新視窗與 Pop-ups：當任何組件獲得焦點時，不會啟動上下文的更改（A）；上下文的更改僅由用戶操作，或提供了一種機制關閉這些更改（AAA）
頁面更新：同「新視窗與 Pop-ups」的準則；除非事先已經通知了用戶，改變設置不會自動改變上下文（A）
指示與輸入輔助：當內容需要用戶輸入時提供標籤或說明（A）；在一組網頁中具相同功能的組件應標識一致（AA）；提供有脈絡、順序的協助（AAA）
預防錯誤與表單內容更改：如果自動檢測到輸入錯誤，則識別出錯誤的項目並向用戶描述錯誤（A）；具有法律或財務交易功能的頁面具有可逆的機制並且可以進行檢查和更正（AA）；如果自動檢測到輸入錯誤並且已知更正建議，則將建議提供給用戶（AA）；用戶可以檢查和更正他們提交的任何訊息（AAA）

明確的內容與可靠的解釋（Robust content and reliable interpretation）

版本較舊的軟體：要求根據規範正確使用標記（A）（年長者使用版本可能比最新上線的產品老舊，可能需要注意不同版本的相容情況。）

Google Chrome Plugin: Eye-Able — Accessibility Assistant

「Eye-Able」是一個可加入 Google Chrome 的 Plugin，提供彈性調整頁面呈現的工具，其放大鏡功能甚至能放大焦點位置上的內容。這個工具能調整字體大小、顏色對比度等，並能標示出按鈕等元件，幫助使用者了解各個按鈕的位置。現在的 Plugin 雖然以英語世界的開發製作為多，但對於中文使用者來說，這個 Plugin 目前提供簡體中文的版本，讓更多人能使用這項工具。如下圖二，Eye-Able 可以調整頁面模式為對比模式，也提供放大鏡功能，幫助人們在頁面上看到焦點上的內容。

這個圖片是一張截圖，開啟Eye-Able對比模式後，頁面顏色為黑底白字，並在所有按鈕加上虛線框，提示使用者可以點選。

這個圖片是一張截圖，開啟Eye-Able放大鏡模式後，Plugin將放大焦點位置的頁面內容，並隨鼠標移動放大部分焦點位置的頁面內容。

iPhone 的輔助使用：縮放

在文章中提到，中高齡族群上網裝置常是手機，或許大家看過長輩手機上大字體的聊天室、瀏覽器等，代表他們需要更大顯示方式才比較友善，而這時候縮放功能在小螢幕上可能也是幫助他們的好方法。在 iPhone 的輔助使用中，打開「縮放」功能可以放大螢幕畫面的特定位置（如下圖示意，當筆者將縮放設定為 5 倍時，IG 主頁範圍呈現如右），在設定中，也能設定縮放倍數，從預設的 5 倍到最大 15 倍，而移動畫面時只要以三指滑動頁面即可。只是因為僅放大局部螢幕畫面，因此需要更多手指的操控，在操作上可能會造成中高齡使用者困惑，是這個功能的限制。

結語：包容中高齡族群的數位世界

我們身邊的長輩，例如父母、祖父母，都面臨著老化的人生課題；而隨著時間推移，你我都會變老。在政府調查中提到，晚輩常常是這些中高齡族群在使用數位產品時，首先學習的對象。或許因為世代不同使我們的科技使用經驗也不一樣，但接觸自己不了解的事物、適應這個快速變化的社會是無論世代，都正在面對的。不僅是這篇文章中分享的準則、Plugin，當下次再遇到長輩詢問如何使用手機、網路時，友善地回答、耐心地幫助他們解決，或許就是我們走向更包容的第一步！