如何将EXTjs应用程序修改为符合508?

cunj1qz1  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(106)

我最近继承了一个使用EXTjs框架的web应用程序。我对它不是很熟悉,但在过去的几个月里,我一直在尽我所能地学习它。我最近被指派更新整个应用程序,以符合508法规遵从性,也就是说,让那些有视力问题的人可以访问应用程序。我得到了一个缺陷列表,其中给出了软件由于各种原因不符合要求的示例。我想我需要一点帮助来理解这是如何工作的。我看过EXTjs文档,它确实说它有可用的辅助功能,但我并没有真正成功地找到该做什么。使用该应用程序的用户正在使用JAWS屏幕阅读器,如果这有什么不同的话。我知道我需要解决的一些问题是:

  • 有些元素需要标记为标题,以便屏幕阅读器可以通过编程方式读取,并为网页提供一些结构。
  • 在表格/网格周围切换时,读取数据时不包含任何上下文/标题信息。
  • 颜色被用作指示动作的视觉提示(即必填字段)。我想这是针对色盲的,需要添加一些其他视觉提示。
  • 模式窗口无法通过键盘调整大小或移动。
  • 需要一种机制来绕过在多个页面上重复的内容块。
  • 页面没有标题(这是一个单页应用程序)。
  • 键盘可操作的UI元素没有可见的焦点指示(单选按钮组不显示焦点,即使选中一个也不显示)。
  • 无法理解产品中UI元素的名称/状态(即展开和折叠按钮的名称被辅助技术读取为展开面板或折叠面板,而与正在展开或折叠的内容无关)。

还有许多其他问题,但这使我们对所需更改的范围有了一些了解。如上所述,我对EXTjs网站上的文档进行了大量检查,并对如何使应用程序更容易访问进行了谷歌搜索。但我并没有真正看到我需要什么。这个应用程序的大部分内容都是配置EXTjs模板,然后加载它们,其中包含了由内置于js代码中的EXTjss处理的应用程序的很多内容。
如果有任何帮助、有用的网站和示例,或是关于如何实现这些的代码片段,我将不胜感激。我希望一旦我开始讲一些例子,我就可以继续下去。
谢谢

xoefb8l8

xoefb8l81#

大多数项目都带有aria支持。就我个人而言,我会在每个组件中添加look并添加自动aria支持。E、 g.按钮==>aria。label=按钮.text
看看ariaAttributes、e1d1e,ariaLabelariaLabelledBy。有些有ariaErrorTextariaHelp
接下来看看tabIndex。您希望确保可以使用TAB在字段、按钮。。。

相关问题