Skip to content →

Ultimate checklist for making your plugin accessible

HTML code semantics

Following HTML code semantics is fundamental in making your web applications accessible because assistive technologies, like screen readers, rely on the code to transmit the correct information to the user.

Forms are communly inaccurate due to a lack of the label tag or the misuse of the input fields.(Check out the W3C for forms in HTML4 or W3C for forms in HTML5.)

Another commun mistakes involves data tables weither by not structuring your table with the proper elements or  by adding visual attributes that should go in the CSS, (Check out W3C for tables in HTML4 or W3C for tables in HTML5.)

Follow W3C standards to the letter and you will have a good start.


To keep the integrity of your code separate content from presentation. In the case of a data table, attributes like cellspacing and cellpadding should be replaced by padding of the td element in your css file. This will allow users to strip down the visuals to suit their own needs.

Tabbed Navigation

Many users use only the tab key to navigate within a web browser and webpage, because they cannot use a mouse (in case of limited motor skills or blindness).

Colour contrast

There are many tools to help you choose the appropriate colour contrasts between background and foreground of your text.

A proper ratio of luminosity assures that users with visibility issues can clearly see differences between elements. Think of users with colourblindness or eye sensitivity.

WAI-ARIA attributes

If you want to go a step further and you are coding in HTML5, you can use ARIA attributes to compliment all previous steps. WAI-ARIA is a set of elements that give extra code information to assistive technologies.

More information about ARIA:

Published in Web Accessibility WordPress


  1. Hi theгe I am so happy I found your blog, I really found yoᥙ by accident, while I
    was browsing on Bing for something else,
    Regardless I am here now and would just like to say thank you for a
    marvelous post and a all round exciting blog (I also
    love tthe theme/design), I don’t have time to read it all at tһe minute but I
    have book-marked it and also incluⅾed y᧐ur RSS
    feeds, so when I һave time Ӏ will Ƅe back to read
    a lot more, Please do keep up thhe great work.

  2. I do not lеave a ⅼeave a response, but I reqd a few of the comments οn Ultimate checklist for making
    your plugin acceѕsible –

    I doo have 2 questions for you if you do not mind.
    Could it bе only me or does it look like a few of the comments come across
    like they arе written by brain deɑd visitors? :
    -P And, if you are writing on other online social sites, I’d like to follow yօu.

    Would y᧐u list of the complete urls of your public sitеs like your twitter fеed,
    Facebook page oг linkedin profile?

  3. When I originally commented I seem to have clicked on the -Notify
    me when new comments are added- checkbox and
    now every time a comment is added I receive 4 emails with the same comment.
    Is there a means you can remove me from that service?


Leave a Reply

Your email address will not be published. Required fields are marked *