HTML button accessibility is a common problem on websites. Keyboard users routinely use the spacebar and the enter key to activate an html button control. When it doesn’t work, blind users can quickly become disoriented. Luckily this problem can be easily resolved by placing a simple JS script file on your website. It does require…
Forms must be carefully constructed to ensure accessibility. The form element must include an aria-label describing the purpose of the form. In the event of error or during a multiple step entry process, information previously entered must be auto populated or available for the user to select. Each form field must be labeled using the…
The W3C provides detailed instructions for creating accessible menus which we have summarized below along with providing some code examples for improving the accessibility of your menus: Verify that the menu is marked up using list markup (ul and li). If a link to the current page is included in the menu, ensure that it…
A skip (navigation) link provides a way for users of assistive technology to skip what can often be many navigation links. This skip link should go right after the body tag, (it should be the first thing a keyboard user would tab to on your web page). Hide the skip link from sighted users but ensure that…
Landmarks provide a way to identify the organization and structure of a web page. The structural information conveyed visually to users should be represented programmatically in the markup using landmark roles. The number and type of landmarks that should be used varies but normally each page will have one header, one footer, one main, one…
In this web accessibility training course you will learn web and digital accessibility skills for web, documents, and mobile content. This self-paced course cover the most important aspects of Web Accessibility and will teach you how people with disabilities use the web and different types of assistive technologies. Course Length Approximately 8 hours of reading…
A very common accessibility problem is the lack of properly formatted Heading tags in a webpage (H1, H2, H3, H4, H5 or H6). Sometimes headings are not present or they may be incorrectly nested (ie… H2 before H1, H3 before H2 etc…). Headings communicate the organization of the content on the page and can be…
All web pages must have complete start and end tags, be nested according to their specifications, not contain duplicate attributes, and IDs must be unique. To ensure ADA compliance, use our free html validation plugin to identify and correct validation errors in your pages. The pro extension may be used to correct many of HTML…
Animated gifs that repeat non-stop or more than 3 times in one second should be avoided. To ensure compliance, animated images should stop after 5 seconds or users should be given a way to pause. They must also include alt text and if they contain blinking or flashing they should not flash more than 3…
If any audio plays automatically for more than 3 seconds, either a mechanism must be available at the top of the page to pause or stop the audio, or a mechanism must be available to control audio volume independently from the overall system volume level. Reference: WCAG 2.1 (Level A) – 1.4.2
XThe accessibility of our website is taken very seriously. We strive to meet WCAG 2.2 AA Web Accessibility standards by routinely evaluating our website using automated evaluation tools and manual testing when required. As content changes we review and correct issues and are responsive to our users needs. If you encounter issues with our website, please report them so they may be corrected in a timely manner.
