| 1 | | Replying to [comment:34 florianziegler]: |
| 2 | | > I like the "left border" on focus approach (however it will be achieved technically). We would have to experiment with different colors and make sure contrast is sufficient. It definitely looks better than the white border! |
| 3 | | > |
| 4 | | > Question is: Would this solution be enough to count as an "additional visual cue" in respect to [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G183 WCAG criteria]? |
| 5 | | |
| 6 | | Well, I dont think so. Doesn't really work out using the best testing tool I got in my metaphorical toolbox. Ie. my eyes w/o glasses. 6 - 7 cm distance from the screen to actually be able to read something with my left eye, 13 - 14 for the right one. |
| 7 | | |
| 8 | | Did also test the ''':after/:before :content''' bracketing. |
| 9 | | |
| 10 | | Nay. Not enough visual focus. Kind of fades together with the rest of the letters. Aside of creating two ugly line breaks for the main menu items (see screenshot: http://gfx.fwwd.de/screenshots/wp-menu-pseudo-element-keyboard-focus.png). |
| 11 | | |
| 12 | | The underline is still my best bet. Works with every menu item, is only visible for keyboard users, and gives a nice visual focus (ie. different from the rest, even if it was still the ugly unreadable blue on dark gray). |
| 13 | | |
| 14 | | > IMHO the behavior of hover and focus should be identical. This makes for a more streamline experience. |
| 15 | | |
| 16 | | /signed. But you know, some folks might find it not "visually appealing" (aka artsy) enuff :-/ |
| 17 | | |
| 18 | | cu, w0lf. |
| | 1 | - |