我想设计一个具有自动完成功能的文本区域,因为可以在其中输入多行地址,这些地址可以用您的可用地址填充。
目标是将其设计为符合WCAG AA,但我发现在textareas上不允许带有弹出框的“ combobox”角色!
您可以提供什么解决方案来帮助我吗?可以使用JavaScript或纯HTML或TypeScript以编程方式进行。
答案 0 :(得分:0)
在使用Web辅助功能已有近10年的经验之后,我的经验是,如果HTML og WAI ARIA文档不支持某些功能,则通常背后有一个很好的理由。
首先,遇到文本区域的用户不会期望它具有自动完成功能。 其次,优化了屏幕阅读器以遵循文档。可以使textarea在没有role =“ combobox”的情况下工作,并使屏幕阅读器了解它是组合框,这是有可能的。它可能在一个屏幕阅读器上工作,也许是两个。而且,如果您对其进行足够的测试,则可以使其在多种浏览器和OS上运行。
但是屏幕阅读器,浏览器和操作系统的组合可能如此。而且,您必须考虑到很多用户使用过时的软件,并且浏览器,辅助技术和操作系统也是如此。
我看到了很多不遵循文档的元素,给很多用户带来了很多问题,例如用作下拉菜单的按钮元素。
一个元素仅必须与一个主要的浏览器和一项主要的辅助技术一起工作,才能符合WCAG 2.1。
如果我是您,我将在三个不同的输入元素中创建三个地址行,并遵循带有列表框弹出窗口的组合框的WAI-ARIA创作惯例:https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html