認知輔助功能
認知輔助功能涵蓋了針對認知和學習障礙人士的無障礙考慮因素。本文介紹了認知輔助功能,以及如何改善 Web 對認知和學習差異人士的無障礙性。
認知障礙是指廣泛的殘疾,從智力障礙(可能具有最有限的能力)到與年齡相關的思考和記憶問題。該範圍包括患有精神疾病的人,例如抑鬱症和精神分裂症。它還包括學習障礙人士,例如閱讀障礙和注意力缺陷多動障礙(ADHD)。
儘管在認知障礙的臨床定義中存在很多差異,但這些障礙人士會遇到一系列共同的功能問題。這些問題包括難以理解內容、記住如何完成任務以及不一致或非傳統網頁佈局造成的混淆。在本文中,我們將重點介紹開發人員應採取的步驟,以提高其網站和應用程式的認知輔助功能。
概述
認知和智力障礙涵蓋了廣泛的範圍,並且可能是暫時的、臨時的或永久性的狀態。例如,痴呆和阿爾茨海默病是永久性認知障礙,並且會逐漸惡化。其他永久性認知障礙包括失語症、言語和語言、自閉症、多動症/注意力缺陷症、閱讀障礙和計算障礙。
暫時性認知障礙的一個例子可能是受酒精或毒品等物質影響的人。另一種形式可能是抑鬱症,例如在哀悼失去親人時,或者因在網上看到推文或影片而暫時感到難過。第三個例子可能是睡眠不足。
解決各種認知差異似乎是一項艱鉅的任務,尤其是在針對兩個不同人的解決方案可能相互矛盾的情況下。一種處理方法是關注認知技能。認知技能包括
- 注意力
- 記憶
- 處理速度
- 時間管理
- 字母和語言
- 數字、符號和數學
- 理解和做出選擇
為認知障礙人士提供無障礙解決方案的可靠方法包括
- 以多種方式提供內容,例如透過文字轉語音或影片;
- 提供易於理解的內容,例如使用簡單語言標準編寫的文字;
- 將注意力集中在重要內容上;
- 最大程度地減少干擾,例如不必要的內容或廣告;
- 提供一致的網頁佈局和導航;
- 整合熟悉的元素,例如未訪問時為藍色,訪問時為紫色的帶下劃線的連結;
- 將流程劃分為邏輯的必要步驟,並提供進度指示器;
- 儘可能簡化網站身份驗證,而不影響安全性;以及
- 使表單易於填寫,例如提供清晰的錯誤訊息和簡單的錯誤恢復。
WCAG 指南
WCAG(Web 內容無障礙指南)包含多個指南,以改善認知輔助功能。這些指南由全球資訊網聯盟(W3C)的 Web 無障礙倡議(WAI)釋出,它是網際網路的主要國際標準化組織。該組織還負責可訪問的富網際網路應用程式(ARIA)指南。
WCAG 由四個原則指導:網站必須是可感知的、可操作的、可理解的和健壯的。為此,它們定義了 17 個具體指南,其中 6 個與認知輔助功能特別相關。
以下所有指南都有助於更多的人,而不僅僅是認知障礙人士。例如,能夠延長需要透過簡訊傳送到移動裝置的身份驗證碼的應用程式的有效時間,有助於以下場景
- 患有注意力或焦慮症的人。
- 短期記憶力差或同時處理多項任務的人。
- 技術知識水平較低的人。
- 無線訊號較弱的人。
- 運動控制能力有問題的人。
適應性
時間
允許使用者花費完成任務所需的時間非常重要。 指南 2.2 指出“為使用者提供足夠的時間來閱讀和使用內容”。
時間限制是指在設定時間後或定期發生的任何無需使用者啟動的流程,例如在 30 分鐘後登出或在 15 分鐘內進行購買。 認知障礙者可能需要更多時間來閱讀內容或執行填寫表格等功能。 解決方法包括為使用者提供足夠的時間來完成任務或完全消除時間限制。
計時器
調整時間要求的選項包括
- 允許使用者關閉或調整時間,至少達到原始限制的 10 倍,然後再遇到它。
- 提醒使用者並提供至少 20 秒的緩衝時間,以便透過簡單的操作(例如按空格鍵)將超時持續時間延長 10 倍。
在內容上提供一個切換開關,允許使用者啟用更長的會話時間限制,或根本不設定會話時間限制。 定時內容的示例包括表格、定時閱讀練習和培訓材料。 如果時間限制超過 20 小時,則無需提供便利措施。
移動、閃爍、滾動
重要的是不要分散使用者的注意力,尤其是認知障礙者。
如果移動、閃爍、滾動或自動更新資訊自動開始,持續時間超過 5 秒,並且與其他內容並行呈現,則使用者必須能夠暫停、停止、隱藏或控制它,除非它是基本功能。“基本”是指刪除移動、閃爍、滾動或自動更新資訊將從根本上改變內容和/或功能的含義,並且無法以符合標準的其他方式實現資訊和功能。 這包括動畫 GIF,如果 GIF 的動畫持續時間超過 5 秒。
其他需要考慮的時間標準包括
- 認知或語言能力有限的人可能需要更多時間來閱讀和理解。 為了提高可用性,請刪除任何時間限制。 應避免使用定時內容,非互動式同步媒體和即時事件除外。
- 患有注意力缺陷障礙的人應該能夠在沒有干擾的情況下專注於內容。 使用者應該能夠推遲或抑制中斷,緊急情況下的提醒除外。 這透過使他們能夠專注於內容的主要目的,為認知障礙者提供了訪問許可權。 透過提供一種請求內容更新而不是自動更新的方法,使使用者能夠推遲內容更新。 此外,啟用一種方法使非必要警報可選。
- 確保人們可以在重新驗證已過期會話後繼續執行活動,而不會丟失資料,例如儲存問卷的狀態。 確保以可以重新驗證使用者後修改資料的方式儲存資料。 在重新驗證之前,將資料編碼為隱藏或加密。
- 提供有關可能導致資料丟失的非活動警告。 當使用超時時,請告訴人們準確的時間會導致會話超時並導致資料丟失。 唯一的例外是在 20 小時內沒有任何操作的情況下保留資料。
導航
指南 2.4 指出“提供方法幫助使用者導航、查詢內容並確定他們身在何處”,並提供 10 條指南來確保網站可導航且內容可找到
包含一個<title>
務必包含一個<title> 用於文件,因為標題提供了一個快速簡便的參考,用於描述螢幕的主要內容。 認知障礙者、短期記憶力有限者和閱讀障礙者都可以透過這種方式識別內容的用途,從而受益。
標題和標籤
包含清晰且描述性的標題,以便使用者可以輕鬆查詢資訊並瞭解不同內容部分之間的關係。 描述性標籤可以幫助使用者識別內容中的特定元件。 閱讀速度慢和短期記憶力有限的人,如果標題可以預測每個部分包含的內容,他們會從中受益。
節標題
標題有助於定義頁面內容的總體組織。 它們有助於透過頁面內容部分進行導航,並提供一種機制來幫助理解。 標題的示例包括內容的章節、節和子節等等。
與其他用於識別頁面內容部分的方法(邊框、空白、水平規則等)相比,標題是更明顯的導航輔助手段。
查詢內容的多重方法
不同的使用者喜歡不同的查詢資訊的方法,因此為使用者提供多種查詢網站上內容的方法非常重要。
提供不止一種導航網站的方法可以幫助人們更快地找到資訊。 一些使用者可能更喜歡目錄、網站地圖或搜尋功能,而不是閱讀和遍歷多個頁面來找到他們需要的東西。 其他使用者可能更喜歡以順序的方式瀏覽網站,從一個頁面移動到另一個頁面,以更好地瞭解網站的佈局、內容和概念。
能夠繞過內容塊
提供一種機制(例如,跳過連結)來繞過在多個網頁上重複出現的內容塊。
焦點順序有意義
互動式元素的焦點順序應該有意義。 為實現這一點,DOM 順序應與視覺順序匹配,而視覺順序又應與選項卡順序匹配。 如果選項卡順序跳來跳去,尤其是以一種與使用鍵盤導航時的視覺順序不匹配的方式,使用者可能會感到迷茫。
獲得焦點的元素應明顯獲得焦點
當用戶使用鍵盤導航時,UI 應該清楚地表明哪個元素當前獲得了焦點。 不要更改或刪除瀏覽器的預設:focus 樣式,除非您要使焦點更加明顯。
連結文字傳達含義
連結文字應清楚簡潔地傳達使用者啟用它後應導航到的內容。 表達不佳的連結文字可能會讓使用者對它的用途或目的地感到困惑。
某些輔助技術允許使用者透過頁面上所有連結的列表進行導航。 連結將從其周圍的非連結內容的上下文中刪除,這使得對可理解的連結文字的需求更加重要。 糟糕體驗的示例是,一個頁面上全是連結,其文字是“單擊此處”。 如果沒有指明“此處”將帶您到哪裡,則連結的用途不清楚。
對於螢幕閱讀器,連結文字描述每個連結的用途至關重要。 如果您為螢幕閱讀器添加了連結的內容,並且該內容冗長且可能對有視力的讀者造成混淆,請考慮剪下新增的文字以在視覺上將其隱藏起來,使其不被使用輔助技術的人看到。
當前位置可用
可讀性
指南 3.1 指出“使文字內容可讀且易於理解”。 對於某些使用者來說,很難從上下文中推斷出單詞或短語的含義,尤其是在單詞或短語以不尋常的方式使用或被賦予了專門的含義時。
對於這些使用者來說,閱讀和理解的能力可能取決於特定定義或首字母縮略詞或縮寫的擴充套件形式的可用性。 一些使用者可能會在識別書面單詞方面遇到很大困難,但當文字被朗讀或當關鍵流程和想法以視覺方式說明時,他們會理解極其複雜和複雜的文件。
宣告頁面的語言和任何非該主要語言的內容
定義不尋常的單詞和單詞用法
某些殘疾使人們難以理解非字面意義的單詞用法,例如習語、口語和專業術語。 非母語人士也可能難以理解這些術語。 如果一個單詞或短語在文件中具有獨特的含義,請在內聯或連結、詞彙表中或連結到線上詞典中提供定義。 如果一個單詞或短語有多種含義,請定義每種用法。
定義縮略詞
閱讀水平
內容應儘可能清晰地編寫。 一個很好的準則是使內容足夠簡單,以便可以第一次理解。 實現這一目標的方法包括
- 使用簡短的簡單詞語。
- 編寫簡短的句子。
- 在現在時態中使用主動語態。
- 使用正確的語法和拼寫。
為認知障礙者提供低閱讀水平的文字摘要(有時稱為 TL;DR 或“太長;沒讀”)會有所幫助。 您可以使用的另一種技術是提供輔助視覺效果來幫助解釋想法、事件和流程。
有一些工具可以評估您的內容水平。 例如,本文件的平均年級水平約為 11。 這意味著 16 到 17 歲的英語母語人士應該可以輕鬆理解它。 一些工具甚至可以提供建議來幫助簡化它。
發音
有許多技術可以幫助人們學習如何發音
- 在單詞後面立即提供發音。
- 連結到發音列表。
- 提供包含發音的詞彙表。
- 使用
<ruby>元素來說明如何發音一個詞。
提供有關如何發音單詞的指導,可以幫助許多不同型別的人,包括那些喜歡大聲朗讀的人、非母語人士和不熟悉術語在上下文中的含義的人。
另一個解決方案是使用字形或變音符號來說明發音。但是,如果使用此技術,必須有一種機制來將其關閉。此外,將連結到正在使用的標記的指南很有幫助,因為它們的含義可能並不明顯。
可預測性
WCAG 指南 3.2 指出“使網頁以可預測的方式顯示和操作”。這是良好的使用者體驗設計的一項原則。一致性對於認知障礙人士尤為重要。這包括頁面佈局的一致性和可預測的互動式元件。
使用啟用,而不是焦點來改變上下文
建立上下文變化應該是故意的。因此,當 UI 功能接收 焦點 時,它不應觸發進一步面向使用者的操作。相反,使用者應該需要“啟用”功能以觸發更改。
根據活動請求更改設定
表單控制元件操作和資料輸入應產生可預測的行為。上下文變化會讓認知障礙使用者感到困惑,因此只有在清楚地知道這種變化是響應使用者的操作而發生時,才會發生。
更改狀態應需要使用者有意操作。例如,選中複選框、輸入資料或更改選擇選項。還要確保提供一個提交按鈕來啟動上下文更改,並在更改之前描述將要發生的事情。
保持整個網站的導航一致
保持頁面之間導航順序的一致性。例如,如果在多個頁面上都有一個導航欄,請確保該導航在整個網站上保持一致,並在相同位置使用相同的連結。這不僅適用於導航:每次出現重複的元件時,都以相同的相對順序呈現它們。
提供一致的標籤
相同的功能應在每次使用時具有類似的標籤。一致的按鈕標籤、圖示的替代文字和類似互動的圖示等,即使在您網站的不同部分,也能幫助所有使用者。
保持一致性和可預測性,並使用規範
雖然未標記的圖示不是傳遞資訊的最佳方法,但保持圖示的使用(如果已標記,則包括其標籤文字)的一致性有助於人們理解圖示代表什麼。同樣,不要更改瀏覽器的後退按鈕之類的預設值。如果您需要重定向使用者,請事先告知使用者。
輸入輔助
指南 3.3 有助於確保準確的資料輸入,指出“幫助使用者避免和糾正錯誤”。雖然我們都會犯錯,但有些人更容易犯錯,不太可能注意到錯誤,或者在犯錯後更難糾正錯誤。
輸入幫助指南旨在減少使用者(尤其是殘疾人)犯錯的可能性,並且如果他們確實犯了錯,則提高他們看到和理解錯誤訊息並能夠成功修復任何錯誤的可能性。
傳達自動錯誤檢測
使用者需要被提醒錯誤並被告知問題所在。如果存在客戶端錯誤檢測,請遵守以下指南,使錯誤在傳達給使用者時儘可能有效。
- 錯誤必須在文字中描述。
- 確保錯誤訊息儘可能具體。
- 提供文字以標識未完成的必填欄位,以及在輸入的值無效時提供文字描述。
- 如果錯誤阻止表單提交,請將焦點放在錯誤上。如果存在多個錯誤,請提供摘要,並將每個錯誤連結到相關輸入。
- 除了使用圖示、影像、顏色等之外,還包括文字。有些人難以理解圖示和其他視覺提示的含義。
- 另一些人可能難以理解錯誤訊息的文字版本。對於這些人,還要提供圖示和顏色等。
- 此外,還要提供表單成功提交時的反饋。
提供使用者輸入說明
從有關如何操作表單的文字說明開始。在使用者需要輸入資訊時,包括標籤或說明,使用 <label>、<fieldset> 和 <legend> 元素來實現這一點。
標籤應該具有描述性,並且應位於與其相關的輸入附近。當需要以特定格式輸入時,請提供以正確方式格式化的示例。此外,請考慮執行伺服器端驗證以幫助格式化輸入資料,以幫助簡化使用者輸入。
如果表單控制元件是必需的,請以視覺方式和 透過程式碼 指示它。如果表單控制元件更改上下文,請以使用者能夠理解的方式描述將會發生的事情,然後再讓他們導致上下文更改。
錯誤建議
如果自動檢測到輸入錯誤並且已知糾正建議(除非這樣做會危及內容的安全性或目的),請向使用者提供建議的輸入。
防止災難
對於會導致或可能導致法律、財務或其他重大後果的提交,請確保提交可以被審查、確認和/或可逆。
在提交之前應檢查使用者輸入的資料是否存在錯誤,並且應讓使用者有機會更正錯誤。使用者應該能夠在最終提交之前檢視、確認和更正資訊。此外,請務必在提交按鈕之外包含一個確認複選框。
如果提交導致發生法律或財務交易,請提供使用者可以修改或取消請求的規定時間。
提供幫助
應提供上下文相關的幫助。如果表單需要文字輸入,請提供表單說明,描述目的和必要的輸入。包括拼寫檢查和長文字輸入建議,以及指向幫助和支援材料的連結。如果需要特定資料格式進行輸入,請提供示例。
注意
以上是良好的設計實踐。它們將使每個人受益。
- 許多有認知障礙的人也患有身體殘疾。網站必須符合 W3C 的 Web 內容無障礙指南。
- W3C 的 認知和學習障礙無障礙工作組 為認知障礙人士制定了網路無障礙指南。
- WebAIM 有一個 認知頁面,其中包含相關資訊和資源。
- 美國疾病控制與預防中心估計,截至 2018 年,美國有 1/4 的公民有殘疾,其中 認知障礙在年輕人中最常見。
- 在美國,“智力殘疾”過去被稱為“智力遲鈍”。在英國,“智力殘疾”通常被稱為“學習障礙”或“學習困難”。