在此之前我们讨论了如何提高使用HTML和CSS的
网站建设用户的可访问性,这些语言在大多数情况下可以完成这项工作,但是某些设计需求和某些组件的性质会产生更复杂的交互需求,这就是JavaScript发挥作用的地方。
出于网站建设可访问性的目的,大部分工作是通过基本工具完成的,这些工具为键盘交互提供了许多可能性。本文介绍了一个工具集,您可以将它混合到不同的组件中,以提高网站建设用JavaScript用户的可访问性。大多数情况下,您使用JavaScript来增强组件的键盘可访问性的工作只需要少数工具就可以完成,包括使用事件侦听器和一些Web APIs的某些JavaScript方法,它们可以帮助我们完成这项任务。
可以用这个Web API监听的事件的一个例子是keydown事件,该事件检查按键何时被按下。现在这并不用于为按钮或链接等元素添加键盘辅助功能,因为默认情况下,当您添加click事件侦听器,当您使用进入(对于按钮和链接)和空间按键(仅按钮)。相反,可以使用keydown当您需要向其他键添加功能时会出现。我们将使用keycode.info检查该项的事件转储。如果你按下转义字符在这一页,你会注意到e.key等于"Escape".
只需少量的JavaScript,我们就可以在工具提示中添加一个辅助功能。这仅仅是我们可以做的事情的开始keydown事件监听器。这将是提高多个组件的键盘可访问性的重要工具,但是我们还应该考虑另一个事件监听器。
我可以继续使用许多组件模式,但是说实话,我认为它会变得多余,因为事实上,那些模式在你可以制作的不同类型的组件之间是非常相似的。除非你非要做出非常标新立异的东西,我们在这里看到的那些图案应该就够了!