2016-09-22 36 views
0

我正在構建一個嵌套滑動子容器 - 它們自己將擁有自己的一組嵌套容器。關於支持屏幕閱讀器(完全)滑動小部件的建議(請考慮iOS設置面板)

基本上,它的行爲與iOS處理設置非常相似(請參閱附加圖像)。

我需要一些關於如何去做這件事的建議。你會使用什麼ARIA屬性?你將如何構建鍵盤導航?

..是否有現有的W3C推薦模式,我可以依靠?或者我需要重新發明這個輪子嗎?

figure

+0

如果可以的話,讓我知道你是怎麼得到這個,有興趣看到的結果的文章。 –

回答

1

的WAI-ARIA創作實踐指南旨在提供如何使用WAI-ARIA創建一個可訪問的富互聯網應用的理解。它描述了推薦的WAI-ARIA使用模式,並介紹了它們背後的概念。

來源: - https://www.w3.org/TR/wai-aria-practices-1.1/#intro


從這個天賦看起來這是最相關的:

Menu or Menu bar

菜單是一個小部件,提供的列表對用戶的選擇,例如一組動作或功能。一個菜單通常會打開或顯示,方法是激活菜單按鈕,在打開子菜單的菜單中選擇一個項目,或者通過調用命令(如Windows中的Shift + F10)打開一個上下文相關菜單。當用戶激活菜單中的選項時,通常會關閉菜單,除非該選項打開了一個子菜單。

儘管看起來這可能是對通常通過右鍵單擊獲得的「上下文菜單」的引用。但我不明白這可以用於你的用例。

該規範還提供有關鍵盤互動的建議和指導。

你也可能想看看在Web內容無障礙指南工作組維客,這對「Using ARIA menus