Ads

Exclusive Prizes----> Click Here

Wednesday, January 7, 2015

Web Accessibility

Five things to make your website accessible:


Accessibility:

Web  Accessibility is making your site accessible by disabled person easier like they may access your site without mouse or using voice recognition or by using screen-readers like JAWS and VOICE-OVER.


five things to be noted for this:


1. Each Web Element either DIV or DOM element should have TABINDEX

example:  
            
            <div tab-index="5">your content</div>
           <input type="text" id="your-id" tab-index="6"/>


2. Web Element should have ARIA-LABEL which should tell what needs to:

       example:

                 <button aria-label="click on this button to submit this form">Submit</button>


3. Hide Designing Elements / Unwanted Elements from reading from your website for more accessibility

example:

            <div id="wrapper" aria-hidden="true">
                   <div id="inner-wrapper"  role="presentation">

                      <hr/>
</div>
</div>


It can be either done by aria-hidden or role as presentation


4.  Give custom role for Jquery Elements:

          example:  <div id="spinner" role="spinner"></div>


5.  Give alert message when something changes:
 
                     this can be done by updating text in a div and setting div as aria-live="true" .

        

No comments:

Post a Comment

Thank you for your comment