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