WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Infographic: Web Accessibility for Designers

for

From: Jim Allan
Date: Aug 30, 2011 2:24PM

John,
the CSS selector you are looking for to add the dotted line around
links and form labels is 'outline'.
when set to 0 it turns 'outline' off. just change it to 1 and all will
be restored. Designers turn it off because it messes with their visual
design. It has always been there, it wasn't until the last couple of
years that browsers actually supported authors being able to change it
in CSS.

Jim

On Tue, Aug 30, 2011 at 3:14 PM, John E Brandt < <EMAIL REMOVED> > wrote:
> This one was a little "vague"...
>
> <Remember Line Length - Don't make it too long or too short.>
>
> It sounds like an old joke. What exactly is "line length?" And what is too
> long and too short?
>
>
> And this one caught my attention as new and one I've never heard before (it
> is not in any standards I am aware of)
>
> <Design Link Focus Indicators - Ensure keyboard users can visually identify
> a focused link. Use the standard dotted line or other non-color
> designators.>
>
> I checked all of my sites and all of them are fine except the ones built in
> Joomla and one built in WordPress. I expect the template maker turned it off
> in the CSS somewhere - those rascals - why would you do that? Now the
> challenge will be to find it and fix it. Ugh.
>
>
> Wondering if your designer could create a version that would print nicely on
> 8.5 x 11 paper or other standard paper size. Resizing the PNG is not very
> sharp. Maybe it works at poster sizes, but would need a larger file.
>
> ~j
>
> John E. Brandt
> www.jebswebs.com
> <EMAIL REMOVED>
> 207-622-7937
> Augusta, Maine, USA
>
>