WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: How to provide skip to content and skip navigation?

for

Number of posts in this thread: 3 (In chronological order)

From: karthik k
Date: Wed, Dec 14 2016 10:13PM
Subject: How to provide skip to content and skip navigation?
No previous message | Next message →

--
Thanking you,
regards
Karthik K.
Phone no 9060989650

Hello members, This is Karthik. I am not that good at programming and
I am still learning accessibility testing. Could you please tell how
to provide skip navigation and skip to main content at the top of the
web page? also could you explain how to have main reagon in web pages?

From: Srinivasu Chakravarthula
Date: Wed, Dec 14 2016 10:50PM
Subject: Re: How to provide skip to content and skip navigation?
← Previous message | Next message →

Hello Karthik,
If you are talking about a web page that is built on HTML and CSS; here is
what you would do:
At the top of the page (after <head> section and after starting of <body>)
include <a href="#content">Skip to main content</a> and where your content
begins, add <a name="content">. Similar to add Skip navigation as well -
just that you need to change in words.

If you are using Content Management Systems such as Word Press, Drupal
etc., there will be plugins, for word press, some themes (those are
accessibility ready) will have Skip links by default.

Hope this helps,



Regards,

Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
Website: http://www.srinivasu.org | http://serveominclusion.com

Let's create an inclusive web!

Lead Accessibility Consultant, Informatica
Hon. Joint Secretary, The National Association for the Blind, Karnataka
Branch

On Thu, Dec 15, 2016 at 10:43 AM, karthik k < = EMAIL ADDRESS REMOVED = >
wrote:

> --
> Thanking you,
> regards
> Karthik K.
> Phone no 9060989650
>
> Hello members, This is Karthik. I am not that good at programming and
> I am still learning accessibility testing. Could you please tell how
> to provide skip navigation and skip to main content at the top of the
> web page? also could you explain how to have main reagon in web pages?
> > > > >

From: Maxability Accessibility for all
Date: Fri, Dec 16 2016 12:05AM
Subject: Re: How to provide skip to content and skip navigation?
← Previous message | No next message

Hi Karthik,

While I second what Srini says, below article may help you understand the
concept in detail.
http://www.maxability.co.in/2013/02/bypass-blocks/

On Thu, Dec 15, 2016 at 11:20 AM, Srinivasu Chakravarthula <
= EMAIL ADDRESS REMOVED = > wrote:

> Hello Karthik,
> If you are talking about a web page that is built on HTML and CSS; here is
> what you would do:
> At the top of the page (after <head> section and after starting of <body>)
> include <a href="#content">Skip to main content</a> and where your content
> begins, add <a name="content">. Similar to add Skip navigation as well -
> just that you need to change in words.
>
> If you are using Content Management Systems such as Word Press, Drupal
> etc., there will be plugins, for word press, some themes (those are
> accessibility ready) will have Skip links by default.
>
> Hope this helps,
>
>
>
> Regards,
>
> Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
> Website: http://www.srinivasu.org | http://serveominclusion.com
>
> Let's create an inclusive web!
>
> Lead Accessibility Consultant, Informatica
> Hon. Joint Secretary, The National Association for the Blind, Karnataka
> Branch
>
> On Thu, Dec 15, 2016 at 10:43 AM, karthik k < = EMAIL ADDRESS REMOVED = >
> wrote:
>
> > --
> > Thanking you,
> > regards
> > Karthik K.
> > Phone no 9060989650
> >
> > Hello members, This is Karthik. I am not that good at programming and
> > I am still learning accessibility testing. Could you please tell how
> > to provide skip navigation and skip to main content at the top of the
> > web page? also could you explain how to have main reagon in web pages?
> > > > > > > > > >
> > > > >