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