2016-11-25 52 views
0

我對隱藏的內容如何與輔助技術工作有點混淆。我給你舉幾個例子,並希望你能解釋我這一點,請:隱藏的內容與輔助技術

  1. 如果我想打一個小的彈出,這是以前是display:none;,如何將與AT用戶會明白這是新的東西,除了我會自動提供焦點到這個彈出窗口?

  2. 我該如何製作可訪問的圖像滑塊?我聽說rolearia-*屬性,並且只有當時的可見圖像應該是display:block;或者只是可見的,所有其他圖像應該是display:none;。如果是這樣,用戶與AT(第一個問題的一部分)不會混淆嗎?

  3. 是否有比臺式電腦更需要的移動設備。例如,如果我想爲手機屏幕製作漢堡菜單,那麼它的鏈接應與display:none;一起隱藏?我應該如何注意到用戶現在可以看到鏈接?

回答

1
  1. 提供聚焦,在彈出鍵,通常以將其關閉的控制。但是,如果您的彈出窗口不是真正的彈出窗口,而只是一頁更新,那麼您可以跳過焦點並使用活動區域。總之,這取決於你在做什麼。請記住,彈出窗口旨在防止用戶與頁面的其餘部分進行交互,直到執行指定操作爲止,而更新內容塊不會帶來該限制。

  2. 如果您正在關注焦點,那不是什麼大問題。隱藏的圖像不會在頁面內容中,因此它們不會減慢用戶。在這種情況下,不要使用活動區域,因爲它會在用戶循環時中斷用戶。

  3. 在這種情況下,通過將焦點移至先前隱藏的導航菜單。通過良好的可訪問名稱,它將工作得很好。

我懷疑你不熟悉ARIA live regions,雖然你知道重點管理。

住區可以滿足您的一些需求。有一些你需要知道的live region properties。如果你想要一個地區一旦發生變化就宣佈,不管用戶在做什麼,那麼它將是assertive。如果您希望它等到用戶完成交互,那麼它將是polite。還有corresponding live region roles,我在下面展示。

此外,aria-atomic屬性將告訴屏幕閱讀器是否應該公佈整個事件(這對於警報消息來說是好的)還是隻是更改的部分(這可能更適合定時器)。

避免在頁面上擁有多個ARIA直播區域。

這是example of an offline alert。這裏是方便的slideshare that goes into more detail。現在有更多的東西,你知道要搜索什麼。