2014-09-02 58 views
0

我有一個帶有部分的頁面,每個部分都打算大致是一個「頁面」。該頁面是響應式的,並且用戶總是按預期看到這些「塊」或「頁面」(下面通過水平線示出)。已經提出了一個請求,以便當用戶更改一個塊的內容時,它會更改另一個塊的內容。更改當前視圖之外的內容時的可訪問性問題

Example

的「X」塊是圖像的旋轉木馬,每一個主題(比方說,「夏」,「冬」等)。

「Y」中的內容是信息性的。 「Y」的區塊是與上圖中存在的相同類別的下拉菜單,並且在此下拉菜單中進行選擇將替換下面的內容。 「Y」中可能存在比「X」中更多的類別。因此基本上,如果用戶將傳送帶推進到新圖像(例如從「夏季」到「秋季」),則「Y」中的內容應該相應地改變(與製作一個相同的基本特徵在「Y」的下拉菜單中選擇)。

我擔心的是,可訪問性是一個問題,可能會對用戶造成一些負面影響,因爲交換出來的內容是關閉頁面的。

我的擔心是沒有根據的嗎?這種情況有沒有標準?我擔心一些沒有明確表示會改變網頁上的其他內容的做法將會是一次糟糕的經歷。

+0

您可能正在尋找[無障礙富Internet應用程序準則](http://www.w3.org/TR/wai-aria /)來自W3C。如果您發佈了一些特定的代碼,我們可能會幫助您實施WAI-ARIA指南。您也可能想要在StackOverflow中查看[wai-aria]標籤(http://stackoverflow.com/questions/tagged/wai-aria)標籤。 – 2014-09-02 15:30:49

回答

0

這種情況並不一定是一個無障礙問題,關鍵的東西來檢查有:

  • 一(近視)鍵盤用戶可以選擇轉盤和/或下拉?用標籤,箭頭檢查並輸入)。
  • 屏幕閱讀器用戶在進行選擇時能否告訴內容更新?您可以在轉盤上方隱藏一些文字,說「從下拉菜單中選擇一個選項並更新下面的內容」。
  • 在進行選擇時,Windows屏幕閱讀器是否更新其頁面緩存(「虛擬緩衝區」)? (如果該變化與進入/啓動的空間是的,否則你可能需要this script
0

沒有用於輔助技術,尤其是屏幕閱讀器,盲文設備等的用戶的潛在風險,除非有一種機制在處理「Y」內容的變化時,用戶可能不知道該變化。

一個可能的解決方案是在Y上使用aria-live。請參閱WebAIM的富Internet應用程序可訪問性上的動態內容更改部分: http://webaim.org/techniques/aria/