make focus of slider more visible

[Becky Gibson]

it is currently very difficult to determine that focus is on the slider component. We need a way to make this more visible while not relying soley on color. One possibility is to make the line inside of the slider more prominent when it has focus. We could also put a border around the slider.

The slider has a really big focus border in high contrast (which isn't ideal but acceptable).

[Becky Gibson]

The focus border in high contrast mode was modified during #3789 and/or #3790 so there is no longer a focus border in high contrast mode. Ideally would like focus on the slider handler or slider bar (around bar but not including end increase/decrease buttons - like Windows Control Panel Mouse speed adjust slider). Just need some visual means to identify that slider has focus both in "normal" and high contrast mode. Discussed at July 23, 2007 dijit meeting.

[tk]

fixing so searches find this a bit easier... to stop Dante from complaining so much...

[bill]

(In [10840]) Fix CSS classes for focused/blurred state of widget. For slider and other widgets (maybe everything except TextBox??) the class was not changing upon focus. Refs #3691.

[dante]

(In [10869]) refs #3691 - no focus visible on slider - almost fixes completely, lacks a11y high-contrast requirements in ie6/7 focus is now visible via darker border, handle and progress background image. outline for a11y in ff/safari but not working in ie.

[dante]

becky,

i attached a fix to close this ticket regarding a11y love. would you please review and merge if you find it acceptable?

briefly: 8px border + 0px inner == 16px, so 4px border (and #000 instead of #666) + 8px inner == 16px ... makes the "handle" node outlined and hollow. you can add a background color, and make it not hollow, but isn't that irrelevant in "real" high contrast?

[bill]

(In [11132]) Fixes #4803: fix accordion borders on IE by putting border on outer AccordionContainer? node rather than inner nodes Fixes #3691: indicate focus of slider in high contrast mode

These patches from Peter Higgins