E-mail List Archives
Thread: blog content order
Number of posts in this thread: 5 (In chronological order)
From: Bourne, Sarah (ITD)
Date: Tue, Jul 02 2013 7:39AM
Subject: blog content order
No previous message | Next message →
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 ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
http://www.mass.gov/itd
From: Jared Smith
Date: Tue, Jul 02 2013 7:46AM
Subject: Re: blog content order
← Previous message | Next message →
On Tue, Jul 2, 2013 at 7:39 AM, Bourne, Sarah (ITD) wrote:
> 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.
If this isn't a concern for sighted users, I wouldn't think it would
be an issue for screen reader users. I think the context and content
of the links sufficiently off-sets them.
> Or are we worrying too much?
Probably. User testing might answer this more definitively, but I
don't think I'd do anything special to fix a problem that probably
doesn't exist... or if it does exist, it probably exists for everyone,
so there's no need for a special screen reader-only fix.
Jared
From: Angela French
Date: Tue, Jul 02 2013 9:30AM
Subject: Re: blog content order
← Previous message | Next message →
This seems like a usability question pertinent to any user, not an accessibility issue for screen readers.
>
From: Ryan E. Benson
Date: Tue, Jul 02 2013 3:38PM
Subject: Re: blog content order
← Previous message | Next message →
Jared said:
> I think the context and content of the links sufficiently off-sets them.
I agree with Jared. If there is some big worry, you could dump the links
elsewhere on the page, like before /body, and use CSS to position. While it
may confuse keyboard users, it gets around the context part.
--
Ryan E. Benson
On Tue, Jul 2, 2013 at 9:46 AM, Jared Smith < = EMAIL ADDRESS REMOVED = > wrote:
> On Tue, Jul 2, 2013 at 7:39 AM, Bourne, Sarah (ITD) wrote:
>
> > 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.
>
> If this isn't a concern for sighted users, I wouldn't think it would
> be an issue for screen reader users. I think the context and content
> of the links sufficiently off-sets them.
>
> > Or are we worrying too much?
>
> Probably. User testing might answer this more definitively, but I
> don't think I'd do anything special to fix a problem that probably
> doesn't exist... or if it does exist, it probably exists for everyone,
> so there's no need for a special screen reader-only fix.
>
> Jared
> > > >
From: Karl Groves
Date: Wed, Jul 03 2013 8:04AM
Subject: Re: blog content order
← Previous message | No next message
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 ADDRESS 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 ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> http://www.mass.gov/itd
>
> > > --
Karl Groves
www.karlgroves.com
@karlgroves
http://www.linkedin.com/in/karlgroves
Phone: +1 410.541.6829