Top 10 Most Common Web Accessibility Mistakes

September 2, 2015 |
Decorative image of 10

The importance of Web accessibility standards has been recognized around the world. Making sure your company is compliant with the latest standards can help you gain valuable market share and avoid the risk of costly litigation, settlements and loss of reputation and business.

In our experience helping companies ensure Web compliance, we run into 10 common accessibility mistakes. These are largely focused on the human factor of creating content instead of the framework for Web accessibility.

 

  1. Image alt text – Providing equivalent text via the ALT attribute for an IMG tag is an area where we see many issues.
    • The text is too limited to accurately provide an equivalent description.
    • The text is too verbose and draws attention away from the primary purpose of the image.
    • No ALT tag is provided at all which results in the IMG source being read to the user.
    • Text is provided for an image that is purely decorative and should have an empty ALT attribute.
    • Image maps include regions that are not properly labeled with an ALT attribute.
  1. Not providing a visual indication of current focus – Keyboard only users and screen magnification users rely on knowing where the current input focus is placed within the page. All too often, a page author fails to take into consideration the keyboard only user and deliberately or inadvertently hides this visual indication, typically by setting the outline style property to none. {outline: none}
  1. Failure to use proper labels – When elements are not labeled properly assistive technology will not be able to programmatically link the label with its input elements. This can make it difficult for users to understand the purpose of the input element. Some assistive technologies will try to auto-correct for this failure and, while many times successful, there are also many times an input element will be mislabeled with this method, which can lead to additional issues or confusion.
  1. Non-descriptive text for hyperlinks – Many times link text will not provide enough detail to allow for the understanding of the link’s purpose out of context. For example, links may be present on the page that use the text ‘click me’, ‘click here’. Since assistive technology can allow for users to find, sort and quickly navigate to the links on a page the text used for that link is important.
  1. Link areas are too small – A closely related issue is that web pages sometimes include ‘clickable’ target areas that are too small to allow users with dexterity issues to successfully navigate to and select those types of links with a mouse.
  1. Tables markup – Often tables are used for layout yet the page author fails to consider the way the data will be linearized which can lead to confusion for the user. Another situation could be that data tables are lacking in the proper mark-up to allow a user to obtain the information required to fully understand the data that is contained within a specific data cell. Often a simple data table will be presented in a way that requires a complex data table, yet the required markup is not included which creates accessibility issues.
  1. Proper use of header tags – All too often a page with considerable content will lack header tags which help the user to understand the relationship of the page content as well as provide a means to easily navigate through the page. When H1 through H6 tags are implemented, they are typically incorrectly used for a formatting only purpose.
  1. Color combinations – Using color combinations within the content that fall outside the allowable contrast ratios is a problem. We also see the mistake of using color as the only means of conveying information.
  1. Embedding non-accessible documents – Users will often embed PDF or other types of inaccessible documents.
  1. Same descriptive text for different resources – Mistake number ten using the same descriptive text for links that point to different resources.

If any of these mistakes hit too close to home, we invite you download our Guidance at a Glance: Web Accessibility whitepaper that offers insight into:

  • US, industry and international regulations governing Web accessibility
  • 4 steps towards a comprehensive Web accessibility program
  • How automated solutions play a key role in addressing accessibility to comply with regulations

You can also get in touch with our ACP team to find out how to fix these common Web accessibility mistakes. As the industry leader in Web accessibility software, we have helped our customers shape their accessibility policies and practices, and leverage the best in accessibility software products. In today’s business world with tight deadlines and overloaded staff, organizations often need more than just a product. With that in mind, we offer our customers flexible consulting service options that allow you to ramp up quickly and enhance your best practices, based on your needs.

Get in touch now.

Back to Blog Home

Ken Nakata

Ken Nakata, JD, CIPP/US is the one of the most well-known attorneys in the area of IT accessibility and is the Director of Cryptzone’s Accessibility Consulting Practice (ACP). Nakata’s work focuses on Web and software accessibility from both a legal and technical perspective. Nakata’s ACP team helps organizations manage the change towards accessibility in all aspects, providing consulting services aimed at shaping their accessibility policies and practices, and evaluating the overall state of their Web properties leveraging Cryptzone’s accessibility solutions. He is also a board member for the International Association of Accessibility Professionals (IAAP),of which Cryptzone is a founding member.

Nakata worked for twelve years as a Senior Trial Attorney with the U.S. Department of Justice. He has argued on behalf of the United States government many times before the federal courts and has helped shape the government’s policies for the Americans with Disabilities Act and Section 508 of the Rehabilitation Act. Nakata also worked as Director of Accessibility and Government Compliance at BayFirst Solutions, a Washington, DC consulting firm.

In 2000, Attorney General Janet Reno presented Nakata with the Attorney General’s Award for Excellence in Information Technology. In addition to practicing law, Nakata is active in software and web-based technologies, including Java, JavaScript, SQL, and ColdFusion. In July 2001, he was certified by Sun Microsystems as a programmer for the Java 2 Platform. Nakata is a frequent speaker on both law and technology and is equally adept at conducting one-on-one workshops with programmers and developers as well as explaining law and policy to large audiences. He holds a Bachelors of Art degree in mathematics from John Hopkins University and a Juris Doctor degree from the University of Pennsylvania Law School, and is admitted to the bars of New York, the District of Columbia, Pennsylvania and Washington.

Leave a Reply

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