w3c / wai-website

This repository hosts the WAI Website.
https://www.w3.org/WAI/
Other
53 stars 208 forks source link

[New Tip] Design tip no3 - Interactive elements #742

Open dboudreau opened 8 years ago

dboudreau commented 8 years ago

Reference: http://w3c.github.io/wai-quick-start/designing.html#ensure-that-interactive-elements-are-easy-to-identify

The quick tip currently reads: "Provide distinct styles for interactive elements, such as links and buttons, to make them easy to identify. For example, change the appearance of links on mouse hover, keyboard focus, and touch-screen activation. Ensure that styles and naming for interactive elements are used consistently throughout the website."

I suggest we make a few small changes, to read: "Provide distinct styles for interactive elements, such as links and buttons, to make them easy to identify visually. For example, change the appearance of links on mouse hover, keyboard focus, and touch-screen activation. Ensure that styles and naming for interactive elements are used consistently throughout the website to help users recognize common patterns."

nitedog commented 7 years ago

I wonder how much use vs noise these additions bring? Especially "visually" - is that really needed? Also, is it really only visual distinction?

dboudreau commented 7 years ago

@nitedog I think it is an important visual distinction. A link already gets announced by assistive technologies because of the semantics provided. Unless we insist on "visually", there could be very little to no emphasis for sighted users. Doesn't seem like noise to me.

iamjolly commented 7 years ago

I like the changes proposed by @dboudreau. It adds a bit more clarity/specificity without getting too noisy.