無障礙模式設計:別讓無障礙,成為一種障礙

0 評論 5166 瀏覽 11 收藏 12 分鐘

數(shù)字化時代,我們越來越多地依賴于互聯(lián)網(wǎng)進行日常生活和工作,但對那些有視覺、聽覺或其他身體障礙的人來說,訪問互聯(lián)網(wǎng)上的內容可能會帶來很大的挑戰(zhàn)。因此,需要考慮到網(wǎng)頁無障礙模式的設計。本文作者對無障礙模式設計進行了分析,一起來看一下吧。

隨著互聯(lián)網(wǎng)技術的不斷發(fā)展,電腦已經成為了人們不可或缺的一部分。

在今天的數(shù)字化時代,我們越來越多地依賴于互聯(lián)網(wǎng)進行日常生活和工作。但是,對于那些有視覺、聽覺或其他身體障礙的人來說,訪問互聯(lián)網(wǎng)上的內容可能會帶來很大的挑戰(zhàn)。因此,為了讓這一類人群也能夠訪問和使用互聯(lián)網(wǎng)上的信息和服務,我們需要考慮到網(wǎng)頁無障礙模式的設計。

網(wǎng)頁無障礙模式設計,是為方便視力、聽力、肢體功能及認知障礙用戶使用電腦而進行的特殊設計,通過采用一系列的技術和設計策略,使得人們無論是否存在身體障礙,都能夠訪問和使用網(wǎng)頁中的內容,這包括那些有視覺、聽覺或其他身體障礙的人。

一、網(wǎng)頁無障礙模式等級

根據(jù)《Web 信息無障礙通用設計規(guī)范》(T/ISC 0007-2021)中的等級劃分標準,網(wǎng)頁無障礙模式劃分為3個等級。

一級:讓有障礙人士可以訪問信息。

二級:提供個性化服務,降低有障礙人士訪問信息和使用服務的成本。

三級:增加更多智能功能,使有障礙人士訪問信息和使用服務與健全人士基本一致。

二、網(wǎng)頁無障礙模式設計的重要性

1)打破障礙,便利用戶

無障礙模式設計能夠打破視力、聽力、肢體功能及認知障礙對電腦使用的障礙,讓這部分的用戶也可以便捷地使用電腦上的各種功能。

2)側重人性,呵護弱勢群體

無障礙模式設計,更多的考慮了人性與便利性,呵護了弱勢群體的需求,讓每一個人都能夠平等地享受電腦帶來的便利。

3)提高用戶體驗,推進可持續(xù)發(fā)展

無障礙模式設計不僅僅是為了解決弱勢群體的需求,同時也會提高人們的使用體驗,推進可持續(xù)發(fā)展。

比如《網(wǎng)站設計無障礙技術要求》(YD/T 1761-2012)中提到關于縮寫詞的處理——“應提供一種機制來確定縮寫詞的展開形式或意義?!?/p>

互聯(lián)網(wǎng)每天都在誕生新詞匯,提供對縮寫詞的釋義,同樣有利于健全人群更好地訪問網(wǎng)頁信息。

三、網(wǎng)頁無障礙模式常用功能

以下分別是百度和12306網(wǎng)站的無障礙模式(或稱輔助模式)功能。

無障礙模式設計:別讓無障礙,成為一種障礙

無障礙模式設計:別讓無障礙,成為一種障礙

可以看到,功能大同小異,通過參考文獻及結合體驗,我們可以總結出,網(wǎng)頁無障礙模式一般具有如下功能。

1)放大功能

放大功能是無障礙模式中最常用的功能之一,《Web 信息無障礙通用設計規(guī)范》(T/ISC 0007-2021)、《網(wǎng)站內容無障礙指南 2.0 / Web Content Accessibility Guidelines (WCAG) 2.0中文版》(2008 年 12 月 11 日 W3C 推薦標準)、《網(wǎng)站設計無障礙技術要求》(YD/T 1761-2012)中均對網(wǎng)頁文本大小做出要求,網(wǎng)頁文本在無需使用輔助技術的情況下,最大可以放大到200%,且沒有內容或功能損失。

這個設計能夠幫助弱視、老年人等人群更加清晰地看到電腦屏幕中的文字和圖案。提供鼠標樣式的放大功能和鼠標位置十字線顯示也是同樣作用。

無障礙模式設計:別讓無障礙,成為一種障礙

2)屏幕閱讀器

屏幕閱讀器是一種能夠“讀”屏幕上信息的工具,它能夠幫助視力障礙的用戶閱讀電腦上的文字和圖案。

3)屏幕配色調節(jié)

屏幕配色調節(jié)可以讓色盲患者或顏色分辨困難的用戶能夠更加輕松地看到屏幕上的內容,從而避免打開錯誤的文件或程序。

無障礙模式設計:別讓無障礙,成為一種障礙

4)圖片和多媒體

使用適當?shù)腶lt文本為所有圖片提供說明,并使用字幕或文字轉換來提供視頻的音頻信息。

無障礙模式設計:別讓無障礙,成為一種障礙

5)鍵盤導航

允許用戶使用鍵盤上的Tab鍵來瀏覽網(wǎng)站,并提供有關當前焦點位置的可見指示符。

無障礙模式設計:別讓無障礙,成為一種障礙

6)語言和詞匯

使用清晰、簡潔的語言和詞匯,避免使用專業(yè)術語和縮略語。

7)發(fā)音

當不知道發(fā)音就無法確定該詞在上下文中的含義時,要提供一種機制來確定該詞的確切發(fā)音?!毒W(wǎng)頁內容可訪問性指南》(GB/T 29799-2013)

無障礙模式設計:別讓無障礙,成為一種障礙

8)驗證碼

如網(wǎng)頁中存在數(shù)字或圖文形式的非文本驗證碼,須提供一種視覺感官以外的驗證碼服務形式,如:語音驗證碼?!禬eb 信息無障礙通用設計規(guī)范》(T/ISC 0007-2021)

9)輔助技術支持

確保網(wǎng)站兼容常見的輔助技術,如屏幕閱讀器和語音命令軟件。用戶的設備上可能安裝有其他的輔助技術工具,網(wǎng)站的輔助模式開啟后,不應影響其他輔助技術工具的工作。

無障礙模式的設計還包含非常多非常細節(jié)的設計,這里主要挑選了比較代表性的一些,如果你對此有興趣,或者你當前的產品需要加入無障礙設計的技術,我在文章最后列出本文的相關參考文獻,僅供參考。

四、網(wǎng)頁無障礙模式設計的趨勢

1)可視化與智能化設計

隨著人工智能技術的不斷發(fā)展,越來越多的功能將實現(xiàn)可視化與智能化設計,例如手勢識別控制、腦電波控制等。

2)培養(yǎng)無障礙意識

在推廣無障礙模式的同時,也要加強培養(yǎng)無障礙意識的工作,讓更多的人能夠了解無障礙設計的重要性,也能夠認識到無障礙設計的不斷發(fā)展和創(chuàng)新。

3)促進無障礙技術標準化

促進無障礙技術的標準化,是未來無障礙技術發(fā)展中的一個重要環(huán)節(jié),這將讓整個無障礙技術更加統(tǒng)一、更加完善,更方便更多的人使用。

無障礙模式設計不僅僅是為了解決弱勢群體的需求,更是為了促進電腦的可持續(xù)發(fā)展、提高用戶的整體體驗。它的重要性已經得到了越來越廣泛的認可,未來無障礙模式設計的發(fā)展也將更加智能化、科技化,讓更多的人能夠在使用電腦時無障礙,建立一個無障礙的互聯(lián)網(wǎng),讓每個人都能夠平等地訪問和使用在線信息和服務!

我有時候會在短視頻網(wǎng)站刷到一些搞笑博主發(fā)的關于看到父母手機的反應,碩大的字體、震耳欲聾的聲音、過曝的亮度,以及這些博主不可思議的表情,總讓我印象深刻。

那些圍繞在我們身邊最大的無障礙用戶群體,正是我們的父母長輩,很多人不理解,為什么字體要調那么大,為什么聲音要調那么響,為什么亮度要調那么高,那是因為他們沒有意識到,父母老了,也用上了輔助模式,或者按產品經理口中說的,稱為“愛心模式”。

他們也知道,大字體讓頁面看起來雜亂無章,高音量來消息容易嚇人一跳,高亮度夜里容易刺激雙眼,但只有這樣,他們才能看清你發(fā)給他們的文字,聽清你發(fā)給他們的語音。

不要等到你手機的字體越來越大,音量越來越大,亮度越來越高,你才能理解這種感受,不要讓無障礙,成為一種障礙。

參考文獻:

《Web 信息無障礙通用設計規(guī)范》(T/ISC 0007—2021)

《網(wǎng)頁內容可訪問性指南》(GB/T 29799-2013)

《網(wǎng)站內容無障礙指南 2.0 / Web ContentAccessibility Guidelines (WCAG) 2.0 中文版》(2008 年 12 月 11 日 W3C 推薦標準)

《網(wǎng)站設計無障礙技術要求》(YD/T 1761-2012)

《信息技術互聯(lián)網(wǎng)內容無障礙可訪問性技術要求與測試方法》(GB/T37668-2019)

《信息無障礙 身體機能差異人群 網(wǎng)站設計無障礙技術要求》(YD/T 1761-2008)

《信息無障礙 身體機能差異人群 網(wǎng)站設計無障礙評級測試方法》(YD/T 1822-2008)

專欄作家

產品錦李,公眾號:產品錦李(ID:IMPM996),人人都是產品經理專欄作家。不務正業(yè)的產品經理和他的產品設計。

本文原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!