WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: blog content order

for

From: Karl Groves
Date: Jul 3, 2013 8:04AM

I would think that in-context, those links along the top that aren't
related to the blog itself might be a bit confusing for all users. As
Jared mentioned, their placement probably alleviates this a little,
but I think a greater visual distinction would work better.

Also, the off-screen span in use could be improved. Instead of a span,
use a heading.

Before
<span class="screen-reader-text">Navigation to get to Mass.gov:</span>

After:
<h2 class="screen-reader-text">Navigation to Mass.gov Portal:</h2>


Karl


On Tue, Jul 2, 2013 at 9:39 AM, Bourne, Sarah (ITD)
< <EMAIL REMOVED> > wrote:
> We launched a new design for our official state blogs today. See the Mass.Gov blog http://blog.mass.gov/ for instance.
>
> Part of the new design was to include links back to the official website at the top of each page, to tie it in better with the main site. Our concern is that this may be confusing because screen readers will read it first, before the title of the blog, and they're not relevant to the blog itself.
>
> Should we hide them (aria-hidden="true") and then repeat them as a visually hidden side module? Or add visually hidden text that is the blog title to the skip link ("Skip to main content [of the Mass.Gov Blog]")? Any other suggestions?
>
> Or are we worrying too much?
>
> sb
> Sarah E. Bourne
> Director of Assistive Technology &
> Mass.Gov Chief Technology Strategist
> Information Technology Division
> Commonwealth of Massachusetts
> 1 Ashburton Pl. rm 1601 Boston MA 02108
> 617-626-4502
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> http://www.mass.gov/itd
>
> > > --

Karl Groves
www.karlgroves.com
@karlgroves
http://www.linkedin.com/in/karlgroves
Phone: +1 410.541.6829