wai-website icon indicating copy to clipboard operation
wai-website copied to clipboard

[New Tip] Design tip no3 - Interactive elements

Open dboudreau opened this issue 9 years ago • 3 comments

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."

dboudreau avatar Aug 30 '16 13:08 dboudreau

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

nitedog avatar Sep 07 '16 14:09 nitedog

@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.

dboudreau avatar Feb 02 '17 22:02 dboudreau

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

iamjolly avatar Feb 02 '17 22:02 iamjolly