Skip to content

Audit your websites for WCAG compliance today using Eye-Able Audit

This website highlights common errors and explains how to identify them using Eye-Able Audit

Check all errors in the Eye-Able Audit toolbar on the right-hand side of the screen!

Testing software for your digital products

Automated testing of websites in accordance with accessibility standards

Digital accessibility helps your business grow

In order to comply with legal requirements.

Scan your entire domain using Eye-Able Report

Admin dashboard for digital accessibility, providing an overview of all your subpages

This page shows only some of the errors that Eye-Able Audit can detect. See all the rules in our Overview!

Missing alternative text

31.3% of homepage banners are missing alternative text. Images require alternative text so that screen reader users can understand the image’s content and purpose.

Text with poor contrast

Low contrast is the number one accessibility issue on many websites. Ensure that all text elements have sufficient colour contrast between the text in the foreground and the background colour behind it. The minimum contrast ratio depends on the text size and is 3:1 or 4.5:1 for larger text.

The contrast is very poor

Heading Hierarchy


Assistive technologies such as screen readers are often used by users with disabilities, particularly those with visual impairments, to navigate websites. To facilitate this, maintaining a clear, logical hierarchy of headings (H1–H6) on your site is crucial for ensuring straightforward navigation.

Empty headings can also be confusing and should be avoided.

More common issues

Missing link text

This linked image is missing alternative text. Links require text that is understandable and can be read correctly by screen readers.

Incorrect table syntax

My amazing table
Row 1I don’t have a heading…

Tables must have the correct syntax – for example, header cells for all columns – to be readable by screen readers. Eye-Able scans for common errors that make your headings less accessible.

Aria Attributes

Whilst aria attributes are very useful for making your web interface more accessible, it is essential to use the correct syntax and roles.

Buttons

A needs an accessible name so that screen readers can convey its purpose.

Select fields

Select boxes are commonly used in forms and also require alternative text.

Invalid form fields

By submitting this form, you agree to receive emails from us and acknowledge that your contact details will be stored by us.

Links without accessible names

Every link element must have an accessible name or text that describes its purpose. This link is invalid and empty.

Objects without accessible names

Elements that contain multimedia content, such as audio or video, must include screen reader markup.

List item outside a list

A list element must not appear outside a list. It is always part of an ordered <ol> or unordered <ul> list.

  • Item 1
  • Item 2
  • Duplicate accesskey attributes

    The `accesskey` attribute identifies an element that can be accessed via a specified keyboard shortcut. The specified shortcut must be unique and must not be used for any other element on the current page.

    The font size is too small

    The font size must not be smaller than 9px.

    This text is displayed in a font size of 7px and should be enlarged

    Link that looks just like normal text

    Inline links must be distinguishable from the surrounding text by means other than colour alone. Links can be highlighted, for example, by underlining the text or using a border. This link is a bad example.

    The entire text section is displayed in italics

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    Paragraphs of text have a line height of at least 1.5

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    The entire text section is displayed in justified text

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

    The visible name is not part of the accessible name

    The link below has visible text that differs from its accessible name. You can find the reference here. This is particularly important for users who rely on speech input to navigate the website. Otherwise, the speech input cannot be interpreted correctly.