mabili英國廣播公司(BBC)工作后不久,我回答了來自屏幕閱讀器用戶投訴有困難找到一個最喜歡的節目通過?BBC iPlayer的主頁?。

網站最近經歷了一個獨立的可訪問性審計表明,除了零星的小問題,這是相當容易。

我打電話給客戶建立到底問題是,和我們一起導航主頁使用屏幕閱讀器。 就在那時我意識到,盡管所有的傳統配料一個訪問頁面的地方-標題,?圍詠嘆調地標?、文本選擇等等,這不是為屏幕閱讀器用戶非常有用。

iPlayer的舊主頁。 (?查看大版本?)

第一個問題是,子導航是僅有的兩個鏈接:“電視”和“廣播”與其他關鍵領域,如“類別”,“渠道”和“Z”埋在內容頁面的順序,使其用戶更難找到。

iPlayer舊主頁顯示的“類別”,“渠道”和“Z”的內容。 (?查看大版本?)

第二個問題是如何詳細頁面的屏幕閱讀器用戶。 一旦聽到的不是鏈接到一個程序,該程序將宣布兩次因為縮略圖和標題為程序提出了兩個不同的鏈接。 這使得頁面再聽和措辭混淆因為鏈接到相同的目的地不同。

iPlayer舊主頁顯示重復的鏈接。 (?查看大版本?)

最后,鍵盤訪問頁面上是不合邏輯的。 在“類別”區域,例如,一個點擊一個類別將揭示四項旁邊的面板。 訪問類項目的完整列表,您必須單擊再次在同一鏈接清單頁面。 這是一個主要障礙為用戶和客戶交談時,我感到的地方完全放棄使用該應用程序。

iPlayer的舊主頁顯示突出顯示的“類別”鏈接。 (?查看大版本?)

很明顯,盡管與可訪問性網站建好,不是設計時考慮到可訪問性,這是問題的發源地。

我們面臨的挑戰

在英國廣播公司(BBC),許多內部標準和指導方針時,團隊必須遵循交付可訪問網站和移動應用程序。 關鍵的是:

• 可訪問性標準和指導方針?,

• 屏幕閱讀器測試指南?,

• 移動可訪問性標準和指導方針?。

還有一個強大的企業文化的可訪問性;BBC是一個?公共資金資助的組織?和可訪問性被認為是其核心職責,是一個更強的司機比法律要求。 那么,這是怎么發生的?

問題是,標準和指導方針的一部分往往比設計,更注重代碼對產出比的結果,比經驗更在合規。 因此,技術兼容的頁面可以建立不為殘疾用戶最實用。

它似乎并不明顯,但視覺設計可以產生巨大影響的用戶無法看到該頁面。 我經常發現移動應用程序和網站的問題進行訪問的視覺設計,通過命令結構,不允許它。

這并不意味著標準和指導方針是冗余的,遠非如此。 但是我們發現在英國廣播公司(BBC)是標準需要坐,和通知,一個可訪問性框架,貫穿產品管理、用戶體驗,開發和質量保證。 因此,可訪問性源自用戶體驗。 大部分的思想和要求應考慮前面,這樣可憐的易訪問性不是設計。

BBC iPlayer網站重新設計,重新重視給包容性設計,雖然堅持英國廣播公司(BBC)的標準和指導方針,是由四個原則(下圖)。 然后我們的我們的標準和指導方針來創建一個集中的需求列表用戶體驗。 我們也開始訓練設計師來標注自己的設計可訪問性。

用戶體驗原則

我們的四個主要原則如下:

• 給用戶?選擇?。

• 把用戶?控制?。

• 設計與?熟悉?牢記于心。

• 優先考慮的特性,?增加價值?。

給用戶選擇

千萬不要認為僅僅因為用戶可以訪問內容的一種方式,他們希望訪問內容的一種方式。 因為BBC的iPlayer“音頻描述”和“手語”格式,它從來沒有在任何懷疑,這兩個應該有自己的專用清單頁面,通過“類別”下拉鏈接訪問。 (注意所有點播內容是有字幕的,這就是為什么沒有“字幕”的類別。 字幕可以打開媒體播放器)。

“類別”下拉“音頻描述”和“簽署”部分。 (?查看大版本?)

然而,用戶研究和反饋表示,盡管人們想要專用的類別,他們也希望能夠以同樣的方式搜索和瀏覽內容,其他用戶將和選擇他們喜歡的格式。 多年來我一直聯系的紳士,抱怨老iPlayer頁面,他自己說,“不要寄到殘疾筒倉!”

這意味著,從一開始的設計需要路標“音頻描述”和“簽署”內容通過搜索結果,A到Z,類別和其他清單頁面。 不做出任何假設或刻板印象殘障人士是很重要的——例如,一個有著嚴重的視力障礙可能不總是用音頻描述;新聞、體育、音樂和生活事件的程序通常不支持音頻描述因為評論員已經提供豐富的評論。

如搜索列表頁面,顯示在這里,表明什么格式程序可用。 (?查看大版本?)

點播頁面也替代格式列表,允許用戶選擇他們想要的東西。 展望未來,選擇也可以包含在選擇你的格式?標準的媒體播放器?——BBC媒體播放器用于所有BBC點播和直播視頻產品,包括iPlayer。

截圖顯示高清的播放頁面和廣告格式。 (?查看大版本?)

讓用戶控制

從來沒有離用戶控制是至關重要的。 在iPlayer的一個關鍵方面,很靈敏,不抑制觸控放大。 一次又一次地在用戶測試中,我們發現用戶縮放內容,甚至在響應網站,文本可能會故意大。

由于iOS錯誤,糾正在iOS 6中,觸控放大的能力被抑制時由于貧窮許多網站調整方向是景觀從肖像。 現在這已經是固定的,沒有理由繼續抑制放大。

控制的另一個方面是自動播放。 在iPlayer目前播放生活內容,這可能是一個問題,因為視頻的聲音可以讓屏幕閱讀器用戶很難聽到他們的讀者的輸出。 然而,我們知道的屏幕閱讀器用戶請求自動播放,因為這意味著他們不需要導航到播放器,播放按鈕和激活游戲。 答案是看如何給用戶控制播放選擇的或者自動播放,例如使用一個彈出和儲蓄偏好和餅干。

設計與熟悉

需要有一種新的和熟悉的之間的平衡。 用戶了解如何與頁面交互和應用程序使用熟悉的設計模式。 這是在為iOS和Android原生應用顯得尤為重要,在標準UI組件有內置的可訪問性。

同樣重要的是使用的語言在BBC的iPlayer的本地應用程序和網站響應。 平臺允許的,一致的標簽標題、鏈接和按鈕——不僅僅是視覺,但也通過選擇屏幕閱讀器用戶——確保經驗是熟悉和被認可的“BBC iPlayer,無論平臺。

聯系到這個,新設計加強邏輯結構內的代碼,進而支持導航屏幕閱讀器用戶。 關鍵在于確保模式用于跨頁面標題結構重復,這樣用戶在不同的地方找不到主標題取決于他們的頁面。 而結構通常被視為開發商的責任,它需要決定在設計之前簽署為了防止貧困結構編碼,后面有更詳細的描述。

優先級功能,增加價值

英國廣播公司(BBC)不僅僅是會議上可訪問性代碼,內容和設計要求,但也包含所有用戶的有用的功能,增加價值,包括殘疾用戶。 大部分的反饋我們從殘疾用戶屬于可用性問題,在某種程度上可以由任何人經歷,但嚴重影響殘疾用戶。 當我們合并功能與特定的障礙,幫助用戶獲得更豐富的、更容易體驗每個人收益。

出現一次又一次的一個障礙是找到一個最喜歡的節目。 我和許多屏幕閱讀器用戶說他們他們的桌面快捷方式保存到他們最喜歡的節目,但由于改變url,經常丟失內容。 一個簡單的方法來解決這一問題,好處是確保所有用戶在網站上有一種機制來保存收藏。 最愛和選項列表中添加你所希望的方式進一步提高。 這聽起來無關的可訪問性,但它是最收到殘疾用戶請求的功能。 簡單地訪問收藏夾頁面看最新一集的東西,而不必搜索網站,那將讓一切截然不同。

“最愛”頁面,選擇排序的“Z”和“最近”。 (?查看大版本?)

想辦法讓人們更快地得到他們想要的內容也影響中可用的媒體播放器本身。 一旦完成一集玩,退出媒體播放器和導航回到網站找到一些用戶的下一個事件是一個巨大的開銷。 添加一個“更多”按鈕,玩家本身,顯示下一個事件或項目類似于當前,減少了需要的工作量用戶發現新的內容。

“您可能還喜歡“插件顯示相關內容和第二集在標準的媒體播放器。 (?上述原則存在創建一個心態,幫助產品所有者和用戶體驗從業者都在塑造和設計的產品。 除了這四個原則,一套準則用于設計更多的訪問接口。 以下是一個子集的”?28日

)?BBC iPlayer一個關鍵功能,增加了價值的原生iOS和Android應用程序,以及網站(當在Chrome)?”:

26?確保文本和背景超過WCAG 4.5:1的對比最低的兩倍。?)

29日

的指導方針?支持谷歌Chromecast?色彩對比

1. 查看大版本?
   

2. 顏色和意義?
   

3. 目標必須足夠大,以觸摸準確(44像素)。?
   變焦

4. 一個不活躍的空間必須圍繞所有活躍的元素(除非他們大量超過44像素)。?
   信息傳達與顏色也必須從上下文或可識別的標記。

5. 訂單內容?
   

6. ?
   

7. 新iPlayer?
   鏈接和其他可操作的元素必須清晰可辨。

8. ?
   間距

9. 聯系目標大小?
   控制對象和分組界面元素必須表示為一個單獨的組件。

10. 可操作的元素?
    復制鏈接

變焦是支持的平臺,它不能抑制。

BBC的iPlayer主頁內容有更好的新秩序,搜索工具、結構和鍵盤訪問。 (?查看大版本?)

在發射,BBC的頻道收藏的iPlayer的導航,一個“熱門”和“電視指南,類別。 “這些頁面的所有坐在開始,高的內容。 在視覺上容易看到,他們也輕松地發現屏幕閱讀器用戶通過一個隱藏的標題和標簽導航地標:

iPlayer navigation

在之前的“類別”是無法使用屏幕閱讀器用戶我采訪,他們現在著名的頁面和全鍵盤通航。 自推出以來,增加更多的渠道意味著頻道鏈接被安置到在自己的下拉菜單。

搜索工具也被添加,讓用戶進行預測搜索,瀏覽到Z或查看最近關注的項目。 這是所有鍵盤可訪問,它使用的標題,并在適當的地方的地標。

主頁旋轉木馬也完全鍵盤可訪問。 流中的每個程序提出了作為一個鏈接,文本的閱讀順序開始與主信息:通道歸因,程序名,集信息、抽象和程序持續時間。

工作也一直在進行改進可見焦點和標準帶來iPlayer網站和媒體播放器與英國廣播公司(BBC)頁眉和頁腳。 粉紅下劃線用于懸停和關注國家在主BBC現在導航中使用標準的媒體播放器來表示當一個按鈕被選中——例如,當字幕開啟。 這只替換使用顏色來表示選中狀態,與徘徊,專注的狀態。

徘徊,專注粉色下劃線用于BBC iPlayer頭。 (?查看大版本?)活躍的和不活躍的徘徊和國家關注的副標題按鈕標準的媒體播放器。 (?查看大版本?)

你可以閱讀更多關于采取了什么措施?iPlayer訪問?和使?標準的媒體播放器可訪問?,包括創建一個?可以在Flash媒體播放器?,英國廣播公司的互聯網上的博客。

帶注釋的用戶體驗

所有的想法在包容性設計,來自產品負責人,UX從業者和設計師需要捕捉和傳達給開發人員和工程師。 在英國廣播公司(BBC),我們搬到一個模型,設計需要注釋的可訪問性。 這包括:

• 標題,

• 容器,

• 內容順序,

• 色彩對比,

• 選擇顏色和意義,

• 可見的焦點,

• 鍵盤和輸入的交互。

帶注釋的用戶體驗的一個例子顯示標題和標簽。 (?查看大版本?)

上面的設計,顯示一個早期版本的BBC iPlayer主頁,概述了的地方?< h1 >來?<代替>標題應該。 用戶體驗的醫生不需要深入了解代碼,而是了解數據在頁面的層次結構。 這樣,一個同樣可以接受的方法是表明“主標題”,“二級標題,”“第三級標題”等等。 開發人員可以把這個翻譯成語義標記。

同樣,指示內容幫助開發人員代碼內容的邏輯順序正確的序列(即源順序)——這是至關重要的屏幕閱讀器或發現鍵盤頁面的用戶的理解。

注釋以這種方式用戶體驗是識別關鍵設計,不允許邏輯頁面結構,內容或行為。 這是第一步生成的風格指南文檔集中,顏色等等。 進一步的,這些需求也可以用于生成用戶驗收標準和自動化質量保證測試。

即使你在敏捷的方式工作,在設計迭代交付,而不是一個完整的形式,注釋仍能工作。 只要頁面的基本框架被很好地定義,視覺設計可以進化。

總結

很容易陷入困境的訪問輸出和忘記,最終,可訪問性是人。 因此,記住以下,無論你是在產品,用戶體驗,開發或質量保證:

• 設計與選擇。

• 總是給用戶控制頁面。

• 為殘疾用戶優先級功能,增加價值。

• 設計與熟悉。

• 可訪問性融入帶注釋的用戶體驗和風格指南。

• 不要假設。 測試想法和概念。

培養這些關鍵原則在整個團隊將會很長一段路要確保產品是殘疾人的包容性和可用的。 聽用戶并積極包括他們的反饋,以及堅持組織的標準和指導方針,是至關重要的。

本文內容來自網絡翻譯，翻譯的不好，請見諒！轉載請注明北京網站建設wtkaisuo.com