你不应该创造按钮(Nicholas C. Zakas)

Author : lovecicy

易用性的一个重要方面就是管理焦点和用户交互。默认情况下,所有的链接和表单控件都能获得焦点。这使你可以使用键盘的Tab键导航,当一个元素获得焦点以后,可以按下Enter键激活。不管你的web应用有多复杂,这个范例都能很好地工作。只要让使用键盘的用户能够在链接和表单控件之间导航,那么他就可以轻松的使用这个web应用。 不幸的是,有时候web开发者在创建界面的时候过于“聪明”了。当我需要某些看起来像一个链接但是表现的像一个按钮改怎么做呢?你会看到很多像这样的代码: <a href=”#” onclick=”doSomething()”>I’m a button</a> 这段代码应该有点倒你胃口。这是一个不会跳转也不做任何事的链接。它做到仅仅是通过给onclick事件添加了一个处理函数来达到某种意图。因为期待的样式是类链接样式,所以使用了锚点标记并添加了一些JavaScript。 那些熟悉ARIA的开发者可能会这样“解决”这个问题: <a href=”#” role=”button” onclick=”doSomething()”>I’m a button&[Read More]

standard