不能永遠忽略的 Accessibility (上)
我們可能都見過的
不知道你有沒有注意到,身邊有很多每天都在用的東西,很多特別好用也習慣了在用的東西,好像從來都只是覺得很好用,並沒有真正思考過設計它們的本來用意,或者換句話說叫思考過它為什麼要做成那個樣子。

比如你有沒有想過很多電梯裡為什麼設計成半透明的,或者直接四面都是鏡子呢?它其實是為了增加空間感,讓人們覺得不太壓抑,甚至可以在等電梯的時候可以整理自己的衣物或者照照鏡子,不會覺得等電梯的時候無聊,時間長等,可能偶然也可以防一防小偷之類的。

相信很多人應該都見過這種馬路吧,或者說每天出行也都可以用到,有沒有覺得很方便呢,其實它設計的初衷是為了方便盲人的輪椅下臺階的,但是有沒有覺得,它對自行車或者說嬰兒的推車也方便了許多呢

這種公交,雖說我在西安還沒有見過,但很容易想象到這對上下公交不方便的人來說,多麼的重要

這給多少眼睛看不到的朋友帶來無限的樂趣呢
也許你會說,我就是一個普通人,關注它們也沒多大用處,會用就好了呀。
但是我覺得真正好用的東西應該是由每一個人去體驗,去反饋,然後不斷改進完善,最後讓越來越多的人使用。
也許你是一名廚師,那你肯定不想看到自己做美食的工具被設計的沉重、難以清洗吧,也許你是一名教師,那你肯定想用更好的教學裝置來輔助你上課,方便快捷地教給學生們知識吧,同樣的道理,作為一名前端開發工程師,我也想讓自己做的漂漂亮亮的網站讓更多的人使用呢。
專案上的原因,讓我有機會去關注一些以前從來沒有關注過的問題,讓我知道,原來我們認為多麼漂亮的網站,居然有那麼多人無法使用,讓我知道,其實幾行程式碼就可以讓成千上萬人更方便使用的事情,其實,我們一直都沒有做。
這些不會永遠與我們無關
起床的第一眼就可以看到陽光,可以大口大口地呼吸新鮮空氣,可以背上書包,登上單車去學校,去上班,看到自己喜歡的人,和朋友們微笑,多麼簡單的幸福,你有沒有想過,這些我=我們覺得簡簡單單自然而然的事情,是多少人日思夜想卻永遠也享受不到的。
據資料統計,色盲患者中,12名男性中就有一例,200名女性中就有一例,他們可能難以區分紅色和綠色,或黃色和藍色,弱視患者 30 名人群中就有一例,他們沒有任何的角膜,儘管能看到東西的大致輪廓,卻難以閱讀印刷文字,在法律上會被視為盲人,也包括因視力很差而需要配戴高度數處方眼鏡的人。
除了這些,患有靈巧性缺陷,身體癱瘓以及某些身體部位運動範圍受限的使用者大有所在,聽力缺陷、認知缺陷 ... 多的是我們想象不到的。
根據公開資料統計,中國有 2 億多的障礙群體,其中包括 1700 萬視障者、2000 萬聽力障礙者、7000 萬讀寫障礙者、1.5 億 65 歲以上的老年人等等,加上其他各種型別障礙人群,這些障礙人士加起來佔中國人口總數 20% 以上。
有沒有想過,一群資深的 UX,一群資深的開發設計出來的一個無可挑剔的網站後,在根本就不知道的情況下,一下子沒有了數億的使用者,那該是多麼痛的領悟... 有一天,你親手做的網站,自己的爸爸媽媽因為年紀大了,不能方便的使用的時候,你心裡會不會有一絲絲難過。
我們很少關注的 Web A11Y
那我想說的是什麼呢,其實圖片都已經替我表達了—— Accessibility
,翻譯過來就是 無障礙可訪問性
,前面加上 Web
, 有沒有覺得這個單詞好長呀,咋這麼難記,沒關係,為了體現 Accessibility,你可以使用簡寫 —— A11Y
,它的解釋很簡單
"A11y" is a ofollow,noindex">numeronym presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
那麼Web A11Y 又是什麼呢,看看W3C給出的解釋
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can:
- perceive, understand, navigate, and interact with the Web
- contribute to the Web
很簡單的幾句話,Web accessibility 就是說我們設計開發出來的網站或者工具可以讓身體不健全的人能更有效的使用它,可以更好理解它,更好的和我們的網站進行互動,當然,也能更好地給 Web 做貢獻。
簡單嗎,聽著好像很簡單,但我們真正做到了多少呢?
他們怎麼使用呢
有沒有想過,他們如何使用我們的網站呢,畢竟每個人都是有權利對 Web 的發展做出貢獻的,並且實際上,不可否認的是,很多身體殘疾的人對 Web 甚至說我們生活的發展做了了不起的貢獻的。
有些眼睛看不太清楚地人可能會使用螢幕放大縮小的功能,更有時候會使用螢幕放大鏡來閱讀文字,有些看不見的人可能就需要使用盲文顯示器這種東西,有些色盲患者,需要使用一些高對比模式來讓自己更好地閱讀,一般電腦的設定,瀏覽器的外掛都會有高對比模式,一些聽力不太好的朋友,在看視訊的時候可能就需要帶有字母的視訊,等等,其實在我看來,只要我們 A11Y 可以做的足夠好,就沒有他們用不了的東西,只是可能方式不同而已。
再回到 A11Y 的定義上,其實我更喜歡維基百科的
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites , by people with disabilities . When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
它說的是指 任何人 ,無論是健全人還是殘疾人,無論是年輕人還是老年人,在任何情況下都能平等地、方便地、無障礙地獲取資訊、利用資訊。
它強調的是對所有人都平等、方便的獲取資訊。比如鍵盤F 和 J 鍵,應該每個人都知道它的作用就是方便任何人可以精準的找到鍵盤字母的位置,從而可以在不看鍵盤的情況下,快速的打字,俗稱“盲打”,應該沒有人會把這個詞理解為“盲人打字”吧。
標準和規範
任何事情都少不了標準,雖然有些時候不是那麼有用,但它存在的價值是不置可否的。
它是W3C 釋出的一套網路內容可訪問性指導,該指導目前是網路無障礙的國際標準,合規等級分為三級(A、AA 和 AAA), 它提供了無障礙內容的一系列全面指導,目前是2.0 版本。

WCAG
它提倡的四大原則:
- 可感知
比如說使用者是否能感知內容?這有助於我們緊記這一點:僅憑可通過一種感官(例如視覺)感知內容並不能斷定所有使用者都能感知 - 可操作
使用者是否能使用 UI 元件和在內容中導航?例如,需要懸停互動的內容無法由不能使用滑鼠或觸控式螢幕的使用者操作 - 可理解
使用者是否能理解內容?使用者能否理解介面,以及其一致性是否足以避免產生混淆? - 強健
內容是否能被多種 User Agent(瀏覽器)使用? 它是否能與輔助技術協作?
儘管 WCAG 提供了無障礙內容含義的全面概覽,但規範終究是規範,可能有時候還是會讓人覺得有點不知所措,為幫助緩解這種壓力,WebAIM(網路無障礙功能思維)小組將 WCAG 指南提煉成了一份易於遵循的檢查清單,專以網路內容為目標。
W3C 也提供了各個國家的相關 無障礙法
有若干國家在其網路無障礙功能法律要求中明令,必須使用這些指南。
A11Y 的現狀
先來看看國外的,澳大利亞政府的“網路可訪問性國內過渡戰略”(NTS)規定,所有政府網站及其內容必須在 2012 年 12 月 31 日以前達到 WCAG 2.0 的 A 級合規要求,並在 2014 年 12 月 31 日之前達到 AA 級合規要求。
再來看看國內的,引用一句話吧
“目前我國99%的網站,由於沒有實現無障礙,盲人難以正常瀏覽訪問網站。”省盲協主席” 富明慧本身就是一名盲人,他失明後發明了半方盲文輸入法,他還說,加快網站無障礙改造,政府部門網站應該先行一步。”
— 中山大學工學院教授富明慧
其實,都不用我放連結了大家隨便找一個 gov
的網站對比看下就好了。
我們可以做的更好
記得曾看過一些故事,特別想分享給大家。
“帶導盲聲音和觸感提示的紅綠燈是很少見的。幾年前我家附近還有一個帶導盲聲音的紅綠燈,但這兩年這個聲音消失了,據說是因為有人投訴太吵就被關掉了”
“08奧運前一個月我在北京看病,離開之時坐著輪椅問火車站工作人員,去站臺有沒有無障礙電梯?答曰有,鎖著!能不能開啟?不能。又問,不是要開奧運會了嗎?又答:開奧運的時候才會開啟!那你們得派人幫忙抬下臺階?好”
“盲道往往不只有本身設計不合理造成的障礙,還常出現一些人為造成的障礙。舉兩個例子:一是路邊攤,很多攤販根本就不會注意到或尊重盲道的存在,直接將攤設在盲道中間;另一個安全隱患是共享單車,近兩年出現滿大街的共享單車,方便了大家的出行是個好事,但有很多共享單車被直接放在盲道上面就不好了,那些亂停單車的人可能沒有想過或意識到,盲道的通暢和安全對我們來說有多重要”
我在想,我們可以現在忽略這些問題,但我們不能一直忽略,總有一天,我們會因為做到而自豪,因為做不到而羞愧,這才是技術真正需要做的事情。
最後找了幾個關於殘疾人如何上網的視訊,感興趣可以看看,真心覺得是另一個不可思議的世界,所有人都在創造著奇蹟。
那說了這麼多,作為一個開發人員,到底應該怎麼做呢,其實,並沒有想象中難,將會在下篇 Accessibility 我們能做些什麼 中一一介紹。
我是半生不熟 喜歡照自己的怪念頭行事
喜歡一切意外 想把生活過成詩的樣子
若哪天有幸相遇 請別詫異 其實我並不是個乖孩子