2017-03-23 63 views
1

在構建無論是形狀操作適當的可訪問性和ARIA角色處理

Google Slides selected rectangle shape example with resize handles

或調整文本框

StackOverflow text area "grippie" resize handle circled in red

如何將一個去形成交界面這些控制是否可用鑑於現有的WAI-ARIA roles,我不確定是否有可能。有一些常規拖放約定的示例和規定,但沒有明顯與調整大小,旋轉或任何類型的轉換或操作有關。

回答

1

我不知道這些可能性是否是一個好主意。但我會把它放在這裏作爲答案,因爲它不適合評論部分。

一種可能的解決方案可能是角色spinbuttonaria-valuemax,aria-valueminaria-valuenow。首先想到這可能是錯誤的,因爲你正在尋找一個可拖動的元素。但在另一方面,你要控制的lefttopbottomrightwidthheight目前的價值,這是一個數字,所以它會適合spinbutton的目的,將允許用戶精確控制的可能值。我的擔心是它不能匹配可見控制元素的實際數量(例如矩形的拐角),我不確定這是否可能是一個問題。

另一種可能的解決方案可能是將其定義爲slider,因爲滑塊具有類似的用途。但是我對將其定義爲滑塊的擔憂是,它不是一個可視化的滑塊,我不知道這是否會導致混淆。

拖動恕我直言不符合要求。它一方面具有execute的拖放效果,但它需要一個traget,並沒有真正指出拖動的目的。

1

對於形狀處理,請查看powerpoint以及如何使用它只需一個鍵盤。您可以對幻燈片上的不同對象進行製片(在編輯模式下,而不是演示模式下),然後使用箭頭鍵移動框。 Shift +箭頭可讓您調整對象的大小。 Alt +箭頭可讓您旋轉它。

對於第二個調整文本框大小的示例,我們通常在兩個面板之間有一個拆分器,並使用role=separatoraria-orientation=horizontaltabindex=0。您可以選中該對象,然後使用箭頭鍵移動分隔線來調整大小。

我會恭敬地不建議使用旋鈕或滑塊。作爲一個屏幕閱讀器的用戶,如果我聽到旋鈕或滑塊,那麼我期望這些對象具有某種行爲,並且讓它成爲調整大小對象會令人困惑。