WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Optimum structure of landing page links (headings or not?)

for

From: Jared Smith
Date: May 14, 2014 12:35PM

I don't think there's a big difference between the examples. One could
argue that the links are really headings for the brief content below
them and that navigation via these links/headings may be beneficial.
Another may argue that the group of links is the content for each
section and that because users can already navigate by the links that
making those links headings adds unnecessary overhead.

In short, I think either works well - and both are certainly
compliant. I personally think I'd opt for making the links headings.

Jared

On Wed, May 14, 2014 at 12:22 PM, Kalcevich, Kate (CAB)
< <EMAIL REMOVED> > wrote:
> I'm building a series of landing pages - a collection of links to content related to a topic. There is one landing page per topic. Sometimes links on a landing are grouped within a sub-topic and sometimes they aren't. Each link usually has a short, one sentence description and may also have a photo associated with it.
>
> In the past, I've made every link on a landing into a heading (usually H2). The title of the landing would be the H1 on the page. I'm wondering if this makes it easier or harder for people using screen readers to navigate. There is no content under each heading except the short description of the content of the link.
>
> I've created a few very simple examples of two landings (one with sub-topics and one without) marked up with headings and without.
>
> http://clearwebstudio.ca/ontario/landing-page-no-headings.html
>
> http://clearwebstudio.ca/ontario/landing-page-headings.html
>
> http://clearwebstudio.ca/ontario/landing-subtopics-no-headings.html
>
> http://clearwebstudio.ca/ontario/landing-subtopics-headings.html
>
> Any feedback would be appreciated.
>
> Thanks,
>
> Kate Kalcevich
> > >