數字化時代，我們越來越多地依賴于網際網路進行日常生活和工作，但對那些有視覺、聽覺或其他身體障礙的人來說，通路網際網路上的内容可能會帶來很大的挑戰。是以，需要考慮到網頁無障礙模式的設計。本文作者對無障礙模式設計進行了分析，一起來看一下吧。
随着網際網路技術的不斷發展，電腦已經成為了人們不可或缺的一部分。
在今天的數字化時代，我們越來越多地依賴于網際網路進行日常生活和工作。但是，對于那些有視覺、聽覺或其他身體障礙的人來說，通路網際網路上的内容可能會帶來很大的挑戰。是以，為了讓這一類人群也能夠通路和使用網際網路上的資訊和服務，我們需要考慮到網頁無障礙模式的設計。
網頁無障礙模式設計，是為友善視力、聽力、肢體功能及認知障礙使用者使用電腦而進行的特殊設計，通過采用一系列的技術和設計政策，使得人們無論是否存在身體障礙，都能夠通路和使用網頁中的内容，這包括那些有視覺、聽覺或其他身體障礙的人。
一、網頁無障礙模式等級
根據《Web 資訊無障礙通用設計規範》（T/ISC 0007-2021）中的等級劃分标準，網頁無障礙模式劃分為3個等級。
一級：讓有障礙人士可以通路資訊。
二級：提供個性化服務，降低有障礙人士通路資訊和使用服務的成本。
三級：增加更多智能功能，使有障礙人士通路資訊和使用服務與健全人士基本一緻。
二、網頁無障礙模式設計的重要性
1）打破障礙，便利使用者
無障礙模式設計能夠打破視力、聽力、肢體功能及認知障礙對電腦使用的障礙，讓這部分的使用者也可以便捷地使用電腦上的各種功能。
2）側重人性，呵護弱勢群體
無障礙模式設計，更多的考慮了人性與便利性，呵護了弱勢群體的需求，讓每一個人都能夠平等地享受電腦帶來的便利。
3）提高使用者體驗，推進可持續發展
無障礙模式設計不僅僅是為了解決弱勢群體的需求，同時也會提高人們的使用體驗，推進可持續發展。
比如《網站設計無障礙技術要求》（YD/T 1761-2012）中提到關于縮寫詞的處理——“應提供一種機制來确定縮寫詞的展開形式或意義。”
網際網路每天都在誕生新詞彙，提供對縮寫詞的釋義，同樣有利于健全人群更好地通路網頁資訊。
三、網頁無障礙模式常用功能
以下分别是百度和12306網站的無障礙模式（或稱輔助模式）功能。
可以看到，功能大同小異，通過參考文獻及結合體驗，我們可以總結出，網頁無障礙模式一般具有如下功能。
1）放大功能
放大功能是無障礙模式中最常用的功能之一，《Web 資訊無障礙通用設計規範》（T/ISC 0007-2021）、《網站内容無障礙指南 2.0 / Web Content Accessibility Guidelines (WCAG) 2.0中文版》（2008 年 12 月 11 日 W3C 推薦标準）、《網站設計無障礙技術要求》（YD/T 1761-2012）中均對網頁文本大小做出要求，網頁文本在無需使用輔助技術的情況下，最大可以放大到200%，且沒有内容或功能損失。
這個設計能夠幫助弱視、老年人等人群更加清晰地看到電腦螢幕中的文字和圖案。提供滑鼠樣式的放大功能和滑鼠位置十字線顯示也是同樣作用。
2）螢幕閱讀器
螢幕閱讀器是一種能夠“讀”螢幕上資訊的工具，它能夠幫助視力障礙的使用者閱讀電腦上的文字和圖案。
3）螢幕配色調節
螢幕配色調節可以讓色盲患者或顔色分辨困難的使用者能夠更加輕松地看到螢幕上的内容，進而避免打開錯誤的檔案或程式。
4）圖檔和多媒體
使用适當的alt文本為所有圖檔提供說明，并使用字幕或文字轉換來提供視訊的音頻資訊。
5）鍵盤導航
允許使用者使用鍵盤上的Tab鍵來浏覽網站，并提供有關目前焦點位置的可見訓示符。
6）語言和詞彙
使用清晰、簡潔的語言和詞彙，避免使用專業術語和縮略語。
7）發音
當不知道發音就無法确定該詞在上下文中的含義時,要提供一種機制來确定該詞的确切發音。——《網頁内容可通路性指南》（GB/T 29799-2013）
8）驗證碼
如網頁中存在數字或圖文形式的非文本驗證碼，須提供一種視覺感官以外的驗證碼服務形式，如：語音驗證碼。——《Web 資訊無障礙通用設計規範》（T/ISC 0007-2021）
9）輔助技術支援
確定網站相容常見的輔助技術，如螢幕閱讀器和語音指令軟體。使用者的裝置上可能安裝有其他的輔助技術工具，網站的輔助模式開啟後，不應影響其他輔助技術工具的工作。
無障礙模式的設計還包含非常多非常細節的設計，這裡主要挑選了比較代表性的一些，如果你對此有興趣，或者你目前的産品需要加入無障礙設計的技術，我在文章最後列出本文的相關參考文獻，僅供參考。
四、網頁無障礙模式設計的趨勢
1）可視化與智能化設計
随着人工智能技術的不斷發展，越來越多的功能将實作可視化與智能化設計，例如手勢識别控制、腦電波控制等。
2）培養無障礙意識
在推廣無障礙模式的同時，也要加強培養無障礙意識的工作，讓更多的人能夠了解無障礙設計的重要性，也能夠認識到無障礙設計的不斷發展和創新。
3）促進無障礙技術标準化
促進無障礙技術的标準化，是未來無障礙技術發展中的一個重要環節，這将讓整個無障礙技術更加統一、更加完善，更友善更多的人使用。
無障礙模式設計不僅僅是為了解決弱勢群體的需求，更是為了促進電腦的可持續發展、提高使用者的整體體驗。它的重要性已經得到了越來越廣泛的認可，未來無障礙模式設計的發展也将更加智能化、科技化，讓更多的人能夠在使用電腦時無障礙，建立一個無障礙的網際網路，讓每個人都能夠平等地通路和使用線上資訊和服務！
我有時候會在短視訊網站刷到一些搞笑部落客發的關于看到父母手機的反應，碩大的字型、震耳欲聾的聲音、過曝的亮度，以及這些部落客不可思議的表情，總讓我印象深刻。
那些圍繞在我們身邊最大的無障礙使用者群體，正是我們的父母長輩，很多人不了解，為什麼字型要調那麼大，為什麼聲音要調那麼響，為什麼亮度要調那麼高，那是因為他們沒有意識到，父母老了，也用上了輔助模式，或者按産品經理口中說的，稱為“愛心模式”。
他們也知道，大字型讓頁面看起來雜亂無章，高音量來消息容易吓人一跳，高亮度夜裡容易刺激雙眼，但隻有這樣，他們才能看清你發給他們的文字，聽清你發給他們的語音。
不要等到你手機的字型越來越大，音量越來越大，亮度越來越高，你才能了解這種感受，不要讓無障礙，成為一種障礙。
參考文獻：
《Web 資訊無障礙通用設計規範》（T/ISC 0007—2021）
《網頁内容可通路性指南》（GB/T 29799-2013）
《網站内容無障礙指南 2.0 / Web ContentAccessibility Guidelines (WCAG) 2.0 中文版》（2008 年 12 月 11 日 W3C 推薦标準）
《網站設計無障礙技術要求》（YD/T 1761-2012）
《資訊技術網際網路内容無障礙可通路性技術要求與測試方法》（GB/T37668-2019）
《資訊無障礙 身體機能差異人群 網站設計無障礙技術要求》（YD/T 1761-2008）
《資訊無障礙 身體機能差異人群 網站設計無障礙評級測試方法》（YD/T 1822-2008）
專欄作家
産品錦李，公衆号：産品錦李（ID：IMPM996），人人都是産品經理專欄作家。不務正業的産品經理和他的産品設計。
本文原創釋出于人人都是産品經理，未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協定。
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。