Web Accessibility


When designing websites, we tend to envision users with good eyesight, good hearing and the ability to use a mouse or touchpad. We may forget about users who are differently-abled. How do they access online business and content?

Optimizing websites to be accessible and usable for every kind of user should be a key item in any design and development checklist. By meeting accessibility guidelines, you will not only be including a huge segment of the population into your target audience but will also be gaining added SEO benefits.

An accessible website is designed and coded to be more usable for people who are both differently abled and those with a temporary disability.

Why you should implement Web Accessibility?

  • Frankly To increase reach and conversion of your Website. 
  • Improve your website’s SEO
  • Fulfill a human right

Web accessibility is a human right recognized by the United NationsThe tech world is getting more serious about designing apps and products for every kind of person to use. From Apple’s announcement of a new website to promote accessibility to improvements in the latest version of Android N.

How to Implement Web Accessibility?

  1. Visual Guidelines →

    This largely involves providing text equivalents for graphics so that devices like screen readers can help the visually impaired access content. Some of these guidelines are: 

    Ensure HTML headings are clear and in logical order

    This helps users jump from one topic to another easily and also gives them a clear outline of the structure and content of the page through their screen readers.

    Use descriptive text for hypertext links. Do not let users guess what ‘Click here’ refers to or directs to.

    Ensure content is based on HTML and not CSS
    This is because screen readers navigate by reading text within the page structure with tables, links, lists, etc.

  2. Provide captions, subtitles, and transcripts for video content.

Cognitive guidelines:

  1. Have fewer distracting movements and flashy, blinking, flickering elements and animations.
  2. Build clear, well-structured navigation
  3. Have content with easy-to-understand language

 

Use ARIA: ARIA or Accessible Rich Internet Applications is a collection of attributes used along with HTML specifically designed to help make the web more accessible to the differently-abled.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s