Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网站建设用JavaScript的可访问性指南

    时间:2022-11-22  作者:GARY  来源:https://www.niegoweb.com/
    在此之前我们讨论了如何提高使用HTML和CSS的网站建设用户的可访问性,这些语言在大多数情况下可以完成这项工作,但是某些设计需求和某些组件的性质会产生更复杂的交互需求,这就是JavaScript发挥作用的地方。

    深圳专业网站建设公司
    出于网站建设可访问性的目的,大部分工作是通过基本工具完成的,这些工具为键盘交互提供了许多可能性。本文介绍了一个工具集,您可以将它混合到不同的组件中,以提高网站建设用JavaScript用户的可访问性。大多数情况下,您使用JavaScript来增强组件的键盘可访问性的工作只需要少数工具就可以完成,包括使用事件侦听器和一些Web APIs的某些JavaScript方法,它们可以帮助我们完成这项任务。

    可以用这个Web API监听的事件的一个例子是keydown事件,该事件检查按键何时被按下。现在这并不用于为按钮或链接等元素添加键盘辅助功能,因为默认情况下,当您添加click事件侦听器,当您使用进入(对于按钮和链接)和空间按键(仅按钮)。相反,可以使用keydown当您需要向其他键添加功能时会出现。我们将使用keycode.info检查该项的事件转储。如果你按下转义字符在这一页,你会注意到e.key等于"Escape".

    只需少量的JavaScript,我们就可以在工具提示中添加一个辅助功能。这仅仅是我们可以做的事情的开始keydown事件监听器。这将是提高多个组件的键盘可访问性的重要工具,但是我们还应该考虑另一个事件监听器。

    我可以继续使用许多组件模式,但是说实话,我认为它会变得多余,因为事实上,那些模式在你可以制作的不同类型的组件之间是非常相似的。除非你非要做出非常标新立异的东西,我们在这里看到的那些图案应该就够了!

    相关案例

    OTHER CASE