What about those people who don’t want to know things like the complicated interplay between markup, DOM interfaces, and accessibility API role mappings? What about people who just want to know: “How does my website perform for people with people with disabilities?” Here you go. 4 tests that anyone can do without any development knowledge.
- Keyboard accessibility is required for users who is blind, low-vision, or who have motor control disorders. Keep in mind: the visual focus indication is especially important
If you want to know that your keyboard are functioning properly, then don’t use mouse, and only use your keyboard to interact with the site. For instance use tab key will allow you to traverse forward in the tab order. Activating the ‘Shift’ and ‘Tab’ keys at the same time will traverse backwards in the tab order.
Pressing ‘Enter’ will follow links, and so on.
- Are you able to interact with all controls, links, and menus using only the keyboard?
- Are you able to see what item has focus at all times?
- Does the visual focus order match the intended interaction order?
If you cannot answer ‘Yes’ to all the above questions, then the site requires repair in order to be accessible
Images must have text description
- Turn off the images option from the browsers, and then check
- Content is understandable?
- Content is harder to understand?
- Any content is missing?
- Any main control is disappear?
Images shouldn’t be necessary to understand the page and shouldn’t be depend for important UI controls.
Any images which have important content should be given a text alternative and some images are best well directly in the content of the page.
Captions or Transcripts for Videos
If you have any video on your site, check for captions, transcripts, and other possible alternatives. Wherever you have videos:
Do you have captions on the video directly or is there a control in the player that turns on/ off captions?
Do you have a text transcript on the page or link close to the video player that goes to a transcript?
People usually assume that media accessibility only impacts users who are blind or deaf, but in fact accessible media alternatives also benefit users with low vision, users who are hard of hearing, and users with cognitive disabilities. A text transcript is good for SEO but also useful for users who wish to be able to search for a specific bit of content in the video.
Its important that not only the video content itself be accessible but so should the player.
Form controls are working properly?
- Unfortunately, by volume, forms-related accessibility issues are among the most frequent problems. Forms related web accessibility issues tend to fall into three main categories:
Proper form labeling
[Without appropriately labeled fields, none of the other forms best practices really matter.]
[? When you click on the label next to a text input or text area, does the cursor go into the field?]
Poor focus control
[There should be a direct relationship between the label and the control. Unlabeled or incorrectly labeled controls must be fixed. ]
I’m available for accessibility consulting, audits, training, and accessible web development.
Email me at: