Accessibility problems
Enhance accessibility, boost SEO, and ensure compliance with Squidler’s automated website testing.
Enhancing User Experience
Prioritizing website accessibility ensures that all users, including those with disabilities, can navigate and interact with content effectively. An accessible website improves user experience, broadens audience reach, and demonstrates social responsibility.
It also helps businesses comply with legal requirements and accessibility standards, reducing the risk of lawsuits. Additionally, accessible design often enhances overall usability and SEO performance, making the site more user-friendly for everyone.
Squidler uses Axe-core to test against Web Content Accessibility Guidelines (WCAG 2.0, 2.1), Section 508 of the Rehabilitation Act, and other international standards of web accessibility.
Read more about the Axe-core rules on the ACT Rules website.
Color Contrast Issues
Insufficient contrast between text and background colors. Problems with graphical elements that lack adequate contrast for visibility.
HTML Structure and Semantics
Missing or improper use of elements. Incorrect heading hierarchy. Missing < title > or descriptions that aid screen readers.
ARIA Misuse
Misused or redundant ARIA can block assistive technologies and harm accessibility. Use ARIA only to enhance native HTML functionality.
Forms and Input Accessibility
Missing or improperly associated <label> elements for input fields.
Unclear error messages or lack of error messages that can help developers find the problem.
Missing aria-required or invalid attributes on form elements.
Keyboard Navigation
Elements that are not focusable using the keyboard (e.g., links or buttons without proper attributes).
Inconsistent focus order, making navigation difficult.
Interactive Elements
Missing or incorrect attributes on buttons, links, and other interactive components.
Issues with modals, dropdowns, and accordions not being accessible to screen readers or keyboard users.
Image and Media Accessibility
Missing or empty alt attributes on images.
Inadequate or missing captions for videos.
Missing attributes like role="presentation" for purely decorative images.
Dynamic Content
Missing live region roles (aria-live) for dynamic updates that need to be announced to screen readers.
Improper focus management when new elements like modals appear.
Accessibility API Compatibility
Elements that don’t expose the correct information to accessibility APIs, affecting assistive technologies.
Miscellaneous Issues
Duplicate ID attributes in the DOM. Missing attributes to indicate the page language. Missing or incorrect landmarks for navigation.