适当调整大小句柄的可访问性或ARIA角色

时间:2017-03-23 16:14:08

标签: html accessibility user-experience wai-aria

构建用于形状操作的界面时

Google Slides selected rectangle shape example with resize handles

或用于调整文本框的大小

StackOverflow text area "grippie" resize handle circled in red

如何才能使这些控件可以访问?鉴于现有WAI-ARIA roles,我不确定是否可能。有一些常规拖放约定的示例和规定,但没有明显与调整大小,旋转或任何类型的转换或操作有关。

2 个答案:

答案 0 :(得分:2)

对于形状操作,请查看powerpoint以及如何仅使用键盘来使用它。您可以选择幻灯片上的不同对象(在编辑模式下,而不是演示模式),然后使用箭头键移动框。 Shift +箭头可让您调整对象的大小。 Alt +箭头可让您旋转它。

对于第二个示例,调整文本框大小,我们通常在两个面板之间有一个拆分器,并使用role=separatoraria-orientation=horizontal以及tabindex=0。您可以使用Tab键切换到对象,然后使用箭头键移动拆分器以调整大小。

我不建议使用旋钮或滑块。作为一个屏幕阅读器用户,如果我听到旋钮或滑块,我对这些对象有一定的行为,并且让它成为调整大小的对象会让人感到困惑。

答案 1 :(得分:1)

我不知道这些可能性是不是一个好主意。但我会把它作为答案,因为它不适合评论部分。

一个可能的解决方案可能是spinbuttonaria-valuemaxaria-valueminaria-valuenow的角色。首先想到这可能是错的,因为你正在寻找一个可拖动的元素。但另一方面,您希望控制lefttopbottomrightwidthheight的当前值,以及这是一个数字,因此它符合spinbutton的目的,并允许用户精确控制可能的值。我担心的是它与可见控制元素的实际数量(例如矩形的角落)不匹配,并且我不确定这是否可能是一个问题。

另一种可能的解决方案是将其定义为slider,因为滑块具有类似的用途。但我对将其定义为滑块的担忧是,它不是一个视觉上明显的滑块,而且我不知道这是否会导致混淆。

拖动确实恕我直言并不符合要求。它一方面有execute用于放置效果,但需要一个traget,并没有真正指出拖动的目的。