It’s that time of the year again when world celebrates the momentum of accessibility by observing Global Accessibility Awareness Day curated by Jennison and Joe back in 2012. It’s encouraging to see a lot of in-person and virtual events have been already planned.
This year, I will be posting a few things that enable people to begin their journey (those who have not started yet) and it may just become reminder to others who are already contributing their wonderful efforts to make digital world a better place!
Here is a list of 5 things that gets you started with accessibility:
- Text alternative for non-text content: It’s easy; all that you need to do is provide alternate text for informative images, active images (images that are links). Ensure no informatiion is conveyed using background images (CSS images). If there are images just for decorative purpose, be sure to mark them up using null alt attribute. Read my earlier post to learn more about “alt”.
- Labels for form fields: Ensure that all input fields have associated labels, all radio buttons and checkboxes are associated with their group labels.
- Colour contrast: Ensure every element including text has minimum colour contrast ratio of 4.5:1 between foreground and background. You don’t have to do any manual math while choosing colours. Just use either Colour Contrast Analyzer (stand alone tool) by The Paciello Group WebAIM’s contrast checker (online tool)
- Keyboard: Ensure all elements are operable using keyboard including drop-down menus, dialog, media players etc.,
- Validate your code: Often, a cleaner and semantic code makes a product more accessible. Use W3C’s Validator service to verify that code written is valid and compliant with specifications.
Begin your journey with these 5 things and it will be a great beginning.