mabili英國廣播公司(BBC)工作后不久,我回答了來自屏幕閱讀器用戶投訴有困難找到一個(gè)最喜歡的節(jié)目通過?BBC iPlayer的主頁?。
網(wǎng)站最近經(jīng)歷了一個(gè)獨(dú)立的可訪問性審計(jì)表明,除了零星的小問題,這是相當(dāng)容易。
我打電話給客戶建立到底問題是,和我們一起導(dǎo)航主頁使用屏幕閱讀器。 就在那時(shí)我意識(shí)到,盡管所有的傳統(tǒng)配料一個(gè)訪問頁面的地方-標(biāo)題,?圍詠嘆調(diào)地標(biāo)?、文本選擇等等,這不是為屏幕閱讀器用戶非常有用。
iPlayer的舊主頁。 (?查看大版本?)
第一個(gè)問題是,子導(dǎo)航是僅有的兩個(gè)鏈接:“電視”和“廣播”與其他關(guān)鍵領(lǐng)域,如“類別”,“渠道”和“Z”埋在內(nèi)容頁面的順序,使其用戶更難找到。
iPlayer舊主頁顯示的“類別”,“渠道”和“Z”的內(nèi)容。 (?查看大版本?)
第二個(gè)問題是如何詳細(xì)頁面的屏幕閱讀器用戶。 一旦聽到的不是鏈接到一個(gè)程序,該程序?qū)⑿純纱我驗(yàn)榭s略圖和標(biāo)題為程序提出了兩個(gè)不同的鏈接。 這使得頁面再聽和措辭混淆因?yàn)殒溄拥较嗤哪康牡夭煌?/p>
iPlayer舊主頁顯示重復(fù)的鏈接。 (?查看大版本?)
最后,鍵盤訪問頁面上是不合邏輯的。 在“類別”區(qū)域,例如,一個(gè)點(diǎn)擊一個(gè)類別將揭示四項(xiàng)旁邊的面板。 訪問類項(xiàng)目的完整列表,您必須單擊再次在同一鏈接清單頁面。 這是一個(gè)主要障礙為用戶和客戶交談時(shí),我感到的地方完全放棄使用該應(yīng)用程序。
iPlayer的舊主頁顯示突出顯示的“類別”鏈接。 (?查看大版本?)
很明顯,盡管與可訪問性網(wǎng)站建好,不是設(shè)計(jì)時(shí)考慮到可訪問性,這是問題的發(fā)源地。
我們面臨的挑戰(zhàn)
在英國廣播公司(BBC),許多內(nèi)部標(biāo)準(zhǔn)和指導(dǎo)方針時(shí),團(tuán)隊(duì)必須遵循交付可訪問網(wǎng)站和移動(dòng)應(yīng)用程序。 關(guān)鍵的是:
可訪問性標(biāo)準(zhǔn)和指導(dǎo)方針?,
屏幕閱讀器測(cè)試指南?,
移動(dòng)可訪問性標(biāo)準(zhǔn)和指導(dǎo)方針?。
還有一個(gè)強(qiáng)大的企業(yè)文化的可訪問性;BBC是一個(gè)?公共資金資助的組織?和可訪問性被認(rèn)為是其核心職責(zé),是一個(gè)更強(qiáng)的司機(jī)比法律要求。 那么,這是怎么發(fā)生的?
問題是,標(biāo)準(zhǔn)和指導(dǎo)方針的一部分往往比設(shè)計(jì),更注重代碼對(duì)產(chǎn)出比的結(jié)果,比經(jīng)驗(yàn)更在合規(guī)。 因此,技術(shù)兼容的頁面可以建立不為殘疾用戶最實(shí)用。
它似乎并不明顯,但視覺設(shè)計(jì)可以產(chǎn)生巨大影響的用戶無法看到該頁面。 我經(jīng)常發(fā)現(xiàn)移動(dòng)應(yīng)用程序和網(wǎng)站的問題進(jìn)行訪問的視覺設(shè)計(jì),通過命令結(jié)構(gòu),不允許它。
這并不意味著標(biāo)準(zhǔn)和指導(dǎo)方針是冗余的,遠(yuǎn)非如此。 但是我們發(fā)現(xiàn)在英國廣播公司(BBC)是標(biāo)準(zhǔn)需要坐,和通知,一個(gè)可訪問性框架,貫穿產(chǎn)品管理、用戶體驗(yàn),開發(fā)和質(zhì)量保證。 因此,可訪問性源自用戶體驗(yàn)。 大部分的思想和要求應(yīng)考慮前面,這樣可憐的易訪問性不是設(shè)計(jì)。
BBC iPlayer網(wǎng)站重新設(shè)計(jì),重新重視給包容性設(shè)計(jì),雖然堅(jiān)持英國廣播公司(BBC)的標(biāo)準(zhǔn)和指導(dǎo)方針,是由四個(gè)原則(下圖)。 然后我們的我們的標(biāo)準(zhǔn)和指導(dǎo)方針來創(chuàng)建一個(gè)集中的需求列表用戶體驗(yàn)。 我們也開始訓(xùn)練設(shè)計(jì)師來標(biāo)注自己的設(shè)計(jì)可訪問性。
用戶體驗(yàn)原則
我們的四個(gè)主要原則如下:
給用戶?選擇?。
把用戶?控制?。
設(shè)計(jì)與?熟悉?牢記于心。
優(yōu)先考慮的特性,?增加價(jià)值?。
給用戶選擇
千萬不要認(rèn)為僅僅因?yàn)橛脩艨梢栽L問內(nèi)容的一種方式,他們希望訪問內(nèi)容的一種方式。 因?yàn)锽BC的iPlayer“音頻描述”和“手語”格式,它從來沒有在任何懷疑,這兩個(gè)應(yīng)該有自己的專用清單頁面,通過“類別”下拉鏈接訪問。 (注意所有點(diǎn)播內(nèi)容是有字幕的,這就是為什么沒有“字幕”的類別。 字幕可以打開媒體播放器)。
“類別”下拉“音頻描述”和“簽署”部分。 (?查看大版本?)
然而,用戶研究和反饋表示,盡管人們想要專用的類別,他們也希望能夠以同樣的方式搜索和瀏覽內(nèi)容,其他用戶將和選擇他們喜歡的格式。 多年來我一直聯(lián)系的紳士,抱怨老iPlayer頁面,他自己說,“不要寄到殘疾筒倉!”
這意味著,從一開始的設(shè)計(jì)需要路標(biāo)“音頻描述”和“簽署”內(nèi)容通過搜索結(jié)果,A到Z,類別和其他清單頁面。 不做出任何假設(shè)或刻板印象殘障人士是很重要的——例如,一個(gè)有著嚴(yán)重的視力障礙可能不總是用音頻描述;新聞、體育、音樂和生活事件的程序通常不支持音頻描述因?yàn)樵u(píng)論員已經(jīng)提供豐富的評(píng)論。
如搜索列表頁面,顯示在這里,表明什么格式程序可用。 (?查看大版本?)
點(diǎn)播頁面也替代格式列表,允許用戶選擇他們想要的東西。 展望未來,選擇也可以包含在選擇你的格式?標(biāo)準(zhǔn)的媒體播放器?——BBC媒體播放器用于所有BBC點(diǎn)播和直播視頻產(chǎn)品,包括iPlayer。
截圖顯示高清的播放頁面和廣告格式。 (?查看大版本?)
讓用戶控制
從來沒有離用戶控制是至關(guān)重要的。 在iPlayer的一個(gè)關(guān)鍵方面,很靈敏,不抑制觸控放大。 一次又一次地在用戶測(cè)試中,我們發(fā)現(xiàn)用戶縮放內(nèi)容,甚至在響應(yīng)網(wǎng)站,文本可能會(huì)故意大。
由于iOS錯(cuò)誤,糾正在iOS 6中,觸控放大的能力被抑制時(shí)由于貧窮許多網(wǎng)站調(diào)整方向是景觀從肖像。 現(xiàn)在這已經(jīng)是固定的,沒有理由繼續(xù)抑制放大。
控制的另一個(gè)方面是自動(dòng)播放。 在iPlayer目前播放生活內(nèi)容,這可能是一個(gè)問題,因?yàn)橐曨l的聲音可以讓屏幕閱讀器用戶很難聽到他們的讀者的輸出。 然而,我們知道的屏幕閱讀器用戶請(qǐng)求自動(dòng)播放,因?yàn)檫@意味著他們不需要導(dǎo)航到播放器,播放按鈕和激活游戲。 答案是看如何給用戶控制播放選擇的或者自動(dòng)播放,例如使用一個(gè)彈出和儲(chǔ)蓄偏好和餅干。
設(shè)計(jì)與熟悉
需要有一種新的和熟悉的之間的平衡。 用戶了解如何與頁面交互和應(yīng)用程序使用熟悉的設(shè)計(jì)模式。 這是在為iOS和Android原生應(yīng)用顯得尤為重要,在標(biāo)準(zhǔn)UI組件有內(nèi)置的可訪問性。
同樣重要的是使用的語言在BBC的iPlayer的本地應(yīng)用程序和網(wǎng)站響應(yīng)。 平臺(tái)允許的,一致的標(biāo)簽標(biāo)題、鏈接和按鈕——不僅僅是視覺,但也通過選擇屏幕閱讀器用戶——確保經(jīng)驗(yàn)是熟悉和被認(rèn)可的“BBC iPlayer,無論平臺(tái)。
聯(lián)系到這個(gè),新設(shè)計(jì)加強(qiáng)邏輯結(jié)構(gòu)內(nèi)的代碼,進(jìn)而支持導(dǎo)航屏幕閱讀器用戶。 關(guān)鍵在于確保模式用于跨頁面標(biāo)題結(jié)構(gòu)重復(fù),這樣用戶在不同的地方找不到主標(biāo)題取決于他們的頁面。 而結(jié)構(gòu)通常被視為開發(fā)商的責(zé)任,它需要決定在設(shè)計(jì)之前簽署為了防止貧困結(jié)構(gòu)編碼,后面有更詳細(xì)的描述。
優(yōu)先級(jí)功能,增加價(jià)值
英國廣播公司(BBC)不僅僅是會(huì)議上可訪問性代碼,內(nèi)容和設(shè)計(jì)要求,但也包含所有用戶的有用的功能,增加價(jià)值,包括殘疾用戶。 大部分的反饋我們從殘疾用戶屬于可用性問題,在某種程度上可以由任何人經(jīng)歷,但嚴(yán)重影響殘疾用戶。 當(dāng)我們合并功能與特定的障礙,幫助用戶獲得更豐富的、更容易體驗(yàn)每個(gè)人收益。
出現(xiàn)一次又一次的一個(gè)障礙是找到一個(gè)最喜歡的節(jié)目。 我和許多屏幕閱讀器用戶說他們他們的桌面快捷方式保存到他們最喜歡的節(jié)目,但由于改變url,經(jīng)常丟失內(nèi)容。 一個(gè)簡(jiǎn)單的方法來解決這一問題,好處是確保所有用戶在網(wǎng)站上有一種機(jī)制來保存收藏。 最愛和選項(xiàng)列表中添加你所希望的方式進(jìn)一步提高。 這聽起來無關(guān)的可訪問性,但它是最收到殘疾用戶請(qǐng)求的功能。 簡(jiǎn)單地訪問收藏夾頁面看最新一集的東西,而不必搜索網(wǎng)站,那將讓一切截然不同。
“最愛”頁面,選擇排序的“Z”和“最近”。 (?查看大版本?)
想辦法讓人們更快地得到他們想要的內(nèi)容也影響中可用的媒體播放器本身。 一旦完成一集玩,退出媒體播放器和導(dǎo)航回到網(wǎng)站找到一些用戶的下一個(gè)事件是一個(gè)巨大的開銷。 添加一個(gè)“更多”按鈕,玩家本身,顯示下一個(gè)事件或項(xiàng)目類似于當(dāng)前,減少了需要的工作量用戶發(fā)現(xiàn)新的內(nèi)容。
“您可能還喜歡“插件顯示相關(guān)內(nèi)容和第二集在標(biāo)準(zhǔn)的媒體播放器。 (?上述原則存在創(chuàng)建一個(gè)心態(tài),幫助產(chǎn)品所有者和用戶體驗(yàn)從業(yè)者都在塑造和設(shè)計(jì)的產(chǎn)品。 除了這四個(gè)原則,一套準(zhǔn)則用于設(shè)計(jì)更多的訪問接口。 以下是一個(gè)子集的”?28日
)?BBC iPlayer一個(gè)關(guān)鍵功能,增加了價(jià)值的原生iOS和Android應(yīng)用程序,以及網(wǎng)站(當(dāng)在Chrome)?”:
26?確保文本和背景超過WCAG 4.5:1的對(duì)比最低的兩倍。?)
29日
的指導(dǎo)方針?支持谷歌Chromecast?色彩對(duì)比
查看大版本?
顏色和意義?
目標(biāo)必須足夠大,以觸摸準(zhǔn)確(44像素)。?
變焦一個(gè)不活躍的空間必須圍繞所有活躍的元素(除非他們大量超過44像素)。?
信息傳達(dá)與顏色也必須從上下文或可識(shí)別的標(biāo)記。訂單內(nèi)容?
?
新iPlayer?
鏈接和其他可操作的元素必須清晰可辨。?
間距聯(lián)系目標(biāo)大小?
控制對(duì)象和分組界面元素必須表示為一個(gè)單獨(dú)的組件。可操作的元素?
復(fù)制鏈接
變焦是支持的平臺(tái),它不能抑制。
BBC的iPlayer主頁內(nèi)容有更好的新秩序,搜索工具、結(jié)構(gòu)和鍵盤訪問。 (?查看大版本?)
在發(fā)射,BBC的頻道收藏的iPlayer的導(dǎo)航,一個(gè)“熱門”和“電視指南,類別。 “這些頁面的所有坐在開始,高的內(nèi)容。 在視覺上容易看到,他們也輕松地發(fā)現(xiàn)屏幕閱讀器用戶通過一個(gè)隱藏的標(biāo)題和標(biāo)簽導(dǎo)航地標(biāo):
iPlayer navigation
在之前的“類別”是無法使用屏幕閱讀器用戶我采訪,他們現(xiàn)在著名的頁面和全鍵盤通航。 自推出以來,增加更多的渠道意味著頻道鏈接被安置到在自己的下拉菜單。
搜索工具也被添加,讓用戶進(jìn)行預(yù)測(cè)搜索,瀏覽到Z或查看最近關(guān)注的項(xiàng)目。 這是所有鍵盤可訪問,它使用的標(biāo)題,并在適當(dāng)?shù)牡胤降牡貥?biāo)。
主頁旋轉(zhuǎn)木馬也完全鍵盤可訪問。 流中的每個(gè)程序提出了作為一個(gè)鏈接,文本的閱讀順序開始與主信息:通道歸因,程序名,集信息、抽象和程序持續(xù)時(shí)間。
工作也一直在進(jìn)行改進(jìn)可見焦點(diǎn)和標(biāo)準(zhǔn)帶來iPlayer網(wǎng)站和媒體播放器與英國廣播公司(BBC)頁眉和頁腳。 粉紅下劃線用于懸停和關(guān)注國家在主BBC現(xiàn)在導(dǎo)航中使用標(biāo)準(zhǔn)的媒體播放器來表示當(dāng)一個(gè)按鈕被選中——例如,當(dāng)字幕開啟。 這只替換使用顏色來表示選中狀態(tài),與徘徊,專注的狀態(tài)。
徘徊,專注粉色下劃線用于BBC iPlayer頭。 (?查看大版本?)活躍的和不活躍的徘徊和國家關(guān)注的副標(biāo)題按鈕標(biāo)準(zhǔn)的媒體播放器。 (?查看大版本?)
你可以閱讀更多關(guān)于采取了什么措施?iPlayer訪問?和使?標(biāo)準(zhǔn)的媒體播放器可訪問?,包括創(chuàng)建一個(gè)?可以在Flash媒體播放器?,英國廣播公司的互聯(lián)網(wǎng)上的博客。
帶注釋的用戶體驗(yàn)
所有的想法在包容性設(shè)計(jì),來自產(chǎn)品負(fù)責(zé)人,UX從業(yè)者和設(shè)計(jì)師需要捕捉和傳達(dá)給開發(fā)人員和工程師。 在英國廣播公司(BBC),我們搬到一個(gè)模型,設(shè)計(jì)需要注釋的可訪問性。 這包括:
標(biāo)題,
容器,
內(nèi)容順序,
色彩對(duì)比,
選擇顏色和意義,
可見的焦點(diǎn),
鍵盤和輸入的交互。
帶注釋的用戶體驗(yàn)的一個(gè)例子顯示標(biāo)題和標(biāo)簽。 (?查看大版本?)
上面的設(shè)計(jì),顯示一個(gè)早期版本的BBC iPlayer主頁,概述了的地方?< h1 >來?<代替>標(biāo)題應(yīng)該。 用戶體驗(yàn)的醫(yī)生不需要深入了解代碼,而是了解數(shù)據(jù)在頁面的層次結(jié)構(gòu)。 這樣,一個(gè)同樣可以接受的方法是表明“主標(biāo)題”,“二級(jí)標(biāo)題,”“第三級(jí)標(biāo)題”等等。 開發(fā)人員可以把這個(gè)翻譯成語義標(biāo)記。
同樣,指示內(nèi)容幫助開發(fā)人員代碼內(nèi)容的邏輯順序正確的序列(即源順序)——這是至關(guān)重要的屏幕閱讀器或發(fā)現(xiàn)鍵盤頁面的用戶的理解。
注釋以這種方式用戶體驗(yàn)是識(shí)別關(guān)鍵設(shè)計(jì),不允許邏輯頁面結(jié)構(gòu),內(nèi)容或行為。 這是第一步生成的風(fēng)格指南文檔集中,顏色等等。 進(jìn)一步的,這些需求也可以用于生成用戶驗(yàn)收標(biāo)準(zhǔn)和自動(dòng)化質(zhì)量保證測(cè)試。
即使你在敏捷的方式工作,在設(shè)計(jì)迭代交付,而不是一個(gè)完整的形式,注釋仍能工作。 只要頁面的基本框架被很好地定義,視覺設(shè)計(jì)可以進(jìn)化。
總結(jié)
很容易陷入困境的訪問輸出和忘記,最終,可訪問性是人。 因此,記住以下,無論你是在產(chǎn)品,用戶體驗(yàn),開發(fā)或質(zhì)量保證:
設(shè)計(jì)與選擇。
總是給用戶控制頁面。
為殘疾用戶優(yōu)先級(jí)功能,增加價(jià)值。
設(shè)計(jì)與熟悉。
可訪問性融入帶注釋的用戶體驗(yàn)和風(fēng)格指南。
不要假設(shè)。 測(cè)試想法和概念。
培養(yǎng)這些關(guān)鍵原則在整個(gè)團(tuán)隊(duì)將會(huì)很長(zhǎng)一段路要確保產(chǎn)品是殘疾人的包容性和可用的。 聽用戶并積極包括他們的反饋,以及堅(jiān)持組織的標(biāo)準(zhǔn)和指導(dǎo)方針,是至關(guān)重要的。
本文內(nèi)容來自網(wǎng)絡(luò)翻譯，翻譯的不好，請(qǐng)見諒！轉(zhuǎn)載請(qǐng)注明北京網(wǎng)站建設(shè)www.nainiuapp.com
