古典意義上的無障礙設計，意指建築物與公共空間、交通工具與日常用品、工作場所與住宅、服務設施與休閒場所，皆以無需第三方協助即可供所有人使用的設計理念打造。在數位領域中，此概念本質上亦然：所有人皆能自由使用網際網路及其他數位應用程式。
然而具體實踐方式為何？凡屬數位領域，不皆屬視聽媒介嗎？

而挑戰正在於此。如何設計視聽媒介，使其能讓視障或聽障人士與其他人同樣無障礙地使用？

障礙類型

不同類型的殘障對數位網站與內容的操作及感知會產生不同影響。我們將殘障類型區分為視覺障礙、肢體障礙、聽覺障礙及認知障礙：

視覺障礙

• 失明
• 視力受損
• 色覺缺陷 

對於視障人士而言，存在能讓他們「聆聽」網站的輔助工具。這些工具透過揚聲器與所謂的螢幕閱讀器運作——即能將數位文字轉化為語音或觸覺書寫系統（點字）的軟體。其輸出裝置稱為可刷新點字顯示器。這類輔助技術亦被稱為輔助科技（AT）。 知名的螢幕閱讀器包括iOS與macOS系統的VoiceOver、Windows系統的JAWS或NVDA。這些軟體提供豐富的快速鍵功能，可直接導航至段落、標題或連結，亦能在表格內自由移動。

螢幕閱讀器不僅供全盲人士使用；視力障礙者會將其與螢幕放大器（可放大螢幕局部區域的應用程式）搭配使用，此類工具對閱讀障礙者或更易理解口語文本的人士亦具實用價值。色盲者無法辨識色彩，僅能感知明暗對比；色覺缺陷者則會將特定顏色「異樣」地呈現。 色覺缺陷在男性中較女性更為常見，且表現形式多樣：包括辨識紅綠困難、紅盲症等症狀。

 

將視覺轉化為觸覺

為使視障使用者能透過螢幕閱讀器存取功能與內容，所有內容必須同時提供文字或文字等效形式（例如圖片與圖形），且必須能透過鍵盤進行操作。所有控制項、標題、表格、連結等元素均應標示明確，使螢幕閱讀器能正確解讀並朗讀內容。 含資訊的影片除常規音軌外，通常需附加音頻描述，說明影片畫面中的情境。

針對視障使用者，必須遵守特定的對比度要求。連結與按鈕必須具備可見的焦點標示，例如透過可見邊框來呈現按鈕當前是否處於可操作狀態。懸停焦點也須清晰可見。總體而言，所有重要資訊應以文字形式呈現，應避免在圖形內嵌入文字。

 

運動障礙

• 反應遲緩
• 精細動作技能受損

行動不便者使用電腦時也可能面臨相當大的困難。歐洲約有120萬人罹患帕金森氏症，對他們而言操作滑鼠極為困難。脊髓損傷、癱瘓、肢體殘缺、肌肉疾病或關節炎患者同樣面臨此困境。他們可運用輔助工具，例如眼球追蹤系統、語音辨識軟體、口控或頭控觸控筆，以及經過特殊優化的鍵盤或按鈕式輸入裝置。

滑鼠替代方案

瀏覽器與作業系統的使用者介面必須能完全透過鍵盤控制。可點擊元素須具備特定尺寸與外觀，以確保其可啟用且易於辨識。應完全避免按鈕與連結在螢幕上隨意移動的情況。長列表與大量內容應進行結構化標記，以便使用者跳過閱讀。當使用會話即將結束時，必須及時通知使用者並提供延長會話的選項。 完成合約或下單的操作須明確標示，若因誤觸啟動，必須能撤銷該操作。

 

聽覺障礙

• 失聰
• 聽力受損

顯然，對於聽力障礙者而言，音訊內容並無助益。他們需要所有資訊皆以視覺形式呈現，即文字或影片形式。聾盲人士通常透過自動更新輸出的點字顯示器來存取網路內容。為此目的，已開發出內建點字顯示器的特殊鍵盤。

顯然，對於聽力障礙者而言，音訊內容並無助益。他們需要所有資訊皆以視覺形式呈現，即文字或影片形式。聾盲人士通常透過自動更新輸出的點字顯示器來存取網路內容。為此目的，已開發出內建點字顯示器的特殊鍵盤。

聲音的視覺化呈現

音頻錄製內容可轉錄為文字。轉錄文本應包含與音頻檔案相同的信息。若需區分不同發言者，應標註相應的說話者。相關聲音如音樂或掌聲亦須以文字形式記錄。含音頻軌道的影片必須同步顯示與畫面內容相符的隱藏式字幕。

 

認知障礙

• 學習障礙
• 易分心
• 注意力不足

精神障礙是最常見的殘疾類型。以阿茲海默症為例：德國約有160萬人受此疾病影響。認知障礙可能先天存在，也可能在兒童發育期間出現，或因意外事故、感染、化學污染及其他環境因素引發。其表現特徵包括理解力受限、對過度認知需求耐受性低落，或問題解決能力受限。 其他類型的認知障礙還包括短期記憶喪失、注意力缺陷障礙、閱讀障礙或數學學習障礙。閃爍或閃光效應可能誘發癲癇發作，此類障礙稱為光敏性癲癇。

 

簡單易懂的用戶指引

對於理解能力受限的使用者，使用者介面、導航與內容的設計應盡可能簡化。必要時，輔助功能可協助處理複雜操作或內容。選項應結構清晰且數量有限。影音播放器應僅限於相關內容，並盡可能縮短播放時間。

對於短期記憶喪失的使用者，提供顯示當前步驟的路徑（例如下單時）會很有幫助。當使用者切換至其他畫面時，資訊應始終被保存。

注意力不足障礙者容易受干擾元素影響。此時，將廣告、輪播圖及閃爍的影音內容等元素減至最少將有所助益。

為使閱讀障礙者更易理解您的內容，請在文字中加入插圖、影片或音訊。

 

統計數據與目標群體

2018年德國殘疾狀況（德國聯邦統計局）

► 780萬名重度殘障人士

► 24萬名視障人士，其中7萬人為全盲

► 400萬文盲

► 閱讀及／或書寫障礙者享九折優惠

► 80,000名聽障人士

► 190,000名聽力障礙、平衡或語言障礙人士

► 575,000名肢體功能受限者（手臂和／或腿部）

► 50萬癲癇患者正在接受治療

► 750,000名患有注意力缺陷障礙者

► 750萬人處於功能性文盲狀態

歐盟境內約有八千萬名身心障礙者，約佔歐洲總人口的15%。

 

無障礙功能協助所有人

無障礙網頁設計的受益者不僅限於視障、肢體障礙、聽障或認知障礙人士：其他群體如長者、非母語使用者、移民、遊客及缺乏經驗的使用者，同樣樂見清晰易懂的用戶介面設計。甚至搜尋引擎也會對無障礙設計給予獎勵，使其在搜尋結果中獲得更佳的排名。

法律、法規及指令

歐洲議會與理事會於2016年10月26日頒布的指令(EU) 2016/2102旨在確保公共部門機構的網站與行動應用程式，能依據通用無障礙要求提升其可及性。 該指令援引歐洲標準EN 301 549（適用於歐洲資訊通信技術產品與服務公共採購之無障礙要求），其中包含須符合《網頁內容無障礙指引》2.1版AA級標準之要求。

本指令透過《殘疾人士平等法》(BGG)及《資訊技術無障礙法》(BITV 2.0)轉化為德國法律。內容不僅須符合《無障礙網頁指南》(WCAG)及《EN 301 549 附件A》規範，更須包含無障礙聲明、反饋機制，並以手語及簡易德語呈現重要內容。

 

測試程序
用於檢查無障礙性

 

BITV測試

所謂的BITV測試（德文：www.bitvtest.de）提供了一套公信力卓著的測試方法論，用於全面且可靠地檢測網站與網路應用程式的無障礙程度。此測試在德國BIK專案框架下設計，該專案旨在促進無障礙資訊共享與溝通，並獲得德國聯邦勞動及社會事務部支持。目前由BITV測試聯盟協會（BITV Test Prüfverbund）旗下的測試實驗室持續運用並深化此測試方法。

此測試方法包含92個測試步驟，同時涵蓋WCAG 2.1等級AA之要求及EN 301 549附件A相關準則。當測試實驗室接獲測試委託時，首要步驟是篩選網頁或畫面，以確保達成最高測試覆蓋率。

例如，所有主要使用的網路技術都應進行無障礙測試。測試報告包含按個別測試步驟劃分的測試結果，以及解決問題的實用技巧。您亦可在此進行免費自測，藉此了解自身應用程式或網站的無障礙程度。

在測試過程中，有幾種實用的工具可供使用：所謂的書籤小工具（Bookmarklets）可儲存為瀏覽器書籤（http://pauljadam.com/bookmarklets），能在測試網站上直接標示標題結構或表格元素等內容。WCAG色彩對比檢測器能標示對比度不足之處；ARC工具組Chrome擴充功能則整合多種無障礙檢測功能。即便擁有這些工具，多數測試步驟仍需人工操作與專業知識，方能識別障礙並為設計師與開發者提供實務解決方案。

 

BIT 包含 BITV 軟體測試 

BIT inklusiv BITV 軟體測試可用於檢查為職場環境開發的應用軟體是否具備數位無障礙功能。 BIT inklusiv Netzwerk網絡涵蓋提供無障礙諮詢與測試的實驗室。BITV合規性測試依據歐盟標準EN 301 549第11章要求進行，測試內容包含75項測試步驟，涵蓋以下類別：可見性、可用性、可理解性、穩健性、輔助技術互通性、文件化使用、使用者偏好、作者工具、文件說明及支援服務。

此測試包含的測試步驟屬公開性質，可於www.bit-inklusiv.de（德文版）查閱。

 

無障礙網站設計範例

圖形控件（按鈕、可點擊標誌、橫幅等）必須附帶替代文字，以確保螢幕閱讀器使用者能夠存取。

<img   src=“images/logo. png“   height=“80px“ width=“260px“   class=“img- fluid   nav-logo-desktop“ alt=“Company Logo   Test

服務與網頁解決方案

 

不包含資訊的圖示字型應透過 aria-hidden="true" 隱藏於螢幕閱讀器中，否則螢幕閱讀器可能會將其讀作特殊字元。替代文字可透過 aria-label 進行指派：

<button   aria-label=“Menu“>

<i   class=“fa   hamburger   menu“

aria-hidden=”true”></i>

</button>

 

選單與摺疊式元件的顯示/隱藏狀態應使用 aria-expanded 標記：展開狀態為aria-expanded="true"，隱藏狀態則為aria-expanded="false"。

為使網站或網路應用程式的特定部分可供輔助技術存取，必須使用 HTML 或 ARIA 角色為這些部分進行適當標示。

ARIA 描述了一種使網路內容與應用程式對身心障礙者更易於存取的方法。它為開發者提供工具，用以定義 HTML 元素的名稱、角色、狀態與屬性。ARIA 僅應在 HTML 無法實現替代方案時使用——盡可能使用 HTML，必要時才使用 ARIA！

色盲使用者需要高對比視覺元素；對於內容文字、文字按鈕等元素，若字型尺寸小於24像素（若為粗體則為18.7像素），需達到4.5:1或更高對比度；若字型尺寸大於等於24像素，則需達到3:1或更高對比度。 圖形與圖形控件相鄰顏色的對比度達到3:1即可。若圖形顏色無法更改（例如標誌或旗幟），則可豁免此要求。

 

網頁編輯

設計師和開發人員實作無障礙功能尚不足夠：網頁編輯者必須確保其內容具備無障礙特性。因此，為他們提供培訓至關重要。特別是在內容管理方面，必須確保圖片附有替代文字，且清單與標題不僅僅是視覺標記。

前方有何物

由於公部門依法須設計符合無障礙標準的數位內容，其機構更注重滿足BITV規範要求。因此，越來越多軟體開發者與網頁設計公司面臨無障礙任務。 此外，《歐洲無障礙法案》中的新指令2019/882將於2022年6月前轉化為各國國內法規，該指令明確規範產品與服務的無障礙要求。這意味著電子商務領域的部分業者將需盡快整合無障礙功能。至此，數位無障礙議題最遲將成為全民關注的焦點。

 

---

 

作者：薩沙·諾亞克

 薩沙·諾克（SASCHA NOACK）是TWIN CUBES GmbH的執行長，公司總部位於德國斯圖加特附近的伊林根。薩沙從事資訊科技顧問工作逾十五年，專注於複雜資訊科技專案的測試管理與測試流程優化。他同時具備廣泛的無障礙網頁開發知識，定期舉辦工作坊並撰寫無障礙技術專家意見書。

 

 

 

MyQ TWIN CUBES GmbH 之間的合作

鑒於MyQ首要使命是為使用者提供直覺化的個人化解決方案，因此MyQ 在MyQ 8.2 版本中優化其網頁使用者介面，遵循前述準則，並與 Twin Cubes GmBH 密切合作，調整虛擬介面以滿足所有無障礙檢查項目。 

Twin Cubes GmbHMyQ 面開發人員滿足所有無障礙認證要求，並協助測試新產品。自2020年7月至2021年3月期間，此項無障礙認證歷程耗費逾50小時的諮詢、初步報告與最終測試，加上數百小時的開發工時。最新版無障礙修補程式已於2021年4月1日隨全新軟體版本MyQ 8.2同步發布，該版本亦通過完整認證。

如今，無障礙的MyQ 網頁使用者介面協助身心障礙使用者管理列印任務，並讓MyQ 系統管理員能運用進階管理選項。

MyQ 8.2 網頁使用者介面中，管理員與使用者可使用的功能：

 

  

所有使用者都應能使用尖端工具來協助處理日常任務。MyQ 因此MyQ 便捷體驗延伸至行動應用程式MyQ Mobile Client，使用者可透過手機處理所有列印任務。

 

透過MyQ 提升您的無障礙體驗