Accessibility

The purpose of Web accessibility is to make websites accessible for people with following disabilities:

• auditory
• cognitive
• neurological
• physical
• speech
• visual

Web accessibility is also useful for people without disabilities:

• Those using mobile phones, smart watches, smart TVs, and other devices with small screens.
• Elder people with changing abilities due to ageing.
• People with “temporary disabilities” such as a broken arm or lost glasses

Essential Web-Accessibility requirements:

Skip Links:

The main objective of skip links is to bypass long navigations in header section for example. Such links make our page more accessible for users with keyboards. Also they are helpful for quickly moving to required page sections without going through complete page.

how to implement:

Such links can be created anywhere in the page preferably on page top, usually they are invisible and made visible on focus:

// HTML snippet
<a href="#mainContent" class="skip-link">Skip to main content</a>
<nav> 
   ...
</nav>
<main id=" mainContent ">
  ...
</main>

// CSS styles
.skip-link { 
    position:absolute;
    top: - (some value);
    left: (some value);
   opacity: 0;
    z-index: 999;
}
.skip-link:focus, .skip-link:active { 
    opacity: 1; 
    top: + (some value);
}