Accessibility Checker: Is Your Website Accessible?
With EXPERTE.com's Accessibility Checker, you can find out how accessible your website is. The tool crawls your site, making sure that each subpage can be correctly displayed by screen readers, allowing even blind and visually-impaired users to make full use of it.
The accessibility test assesses 41 features across eight categories. The most important categories are:
Our test checks whether the site's navigation is consistent and accessible.
ARIA is a semantic HTML extension that makes websites more accessible for those with disabilities. Our test checks whether ARIA has been correctly implemented.
Names and labels
Among other things, our test also checks whether form fields and buttons are marked with meaningful labels, and if images have alternative text.
For a significant number of users, text with low contrast is difficult or impossible to read. Our test checks whether the contrast ratio between background and foreground colors is sufficient.
Tables and lists
Screen readers offer functions that make navigating tables and lists much easier. We check whether these have been implemented correctly.
Audio & Video
If a video contains subtitles, those with hearing impairments users can better understand its content. This test checks if there are correct markups.
Internationalization & Localization
When you specify a valid language on your site, screen readers can correctly display text. Our test checks whether a valid language has been specified.
An accessible website is one that is designed in such a way that people with disabilities and impairments of any kind can use it without restriction.
An accessible website can be enjoyed by everyone, regardless of their impairments or disabilities. This enables you to reach a larger target group, increase your site's usability, and contribute to integrating those with impairments into the Internet.
After entering a URL, EXPERTE.com's Accessibility Checker crawls your website, examining up to 500 URLs on it for accessibility. The test is based on Lighthouse, an open-source tool, with the score (from 0-100) indicating your site's technical accessibility.
Please note, that an automated accessibility check is only able to detect a subset of issues and that manual testing is always encouraged.
Accessibility Checks in Detail
Below you can find a description for each of the elements which our Accessibility Checker examines.
[accesskey] values are unique
The page contains a heading, skip (navigation) link, or landmark area
[id] attributes on active, focusable elements are unique
Heading elements appear in a sequentially-descending order
No element has a [tabindex] value greater than 0
[aria-*] attributes match their roles
[aria-hidden="true"] is not present on the document <body>
[aria-hidden="true"] elements do not contain focusable sub-elements
ARIA input fields have accessible names
[role]s have all required [aria-*] attributes
Those elements with an ARIA [role], and their sub-elements that must have a specific [role], have all required child elements.
[role]s are contained by their required parent element
[role] values are valid
ARIA toggle fields have accessible names
[aria-*] attributes have valid values
[aria-*] attributes are valid and not misspelled
ARIA IDs are unique
Names and Labels
Buttons have an accessible name
Document has a <title> element
None of the form fields have multiple labels
<frame>- or <iframe> elements have a title
Image elements have [alt] attributes
<input type="image"> elements have [alt] text
Form elements have associated labels
Links have an easily discernible name
<object> elements have [alt] text
Background and foreground colors have a sufficient contrast ratio.
Tables and Lists
<dl>'s only contain properly-ordered <dt> and <dd> groups, <script>, <template>, or <div> elements
Definition list items are wrapped in <dl> elements
Lists only contain <li> elements and script supporting elements (<script> and <template>)
List items (<li>) are contained within <ul> or <ol> parent elements
Presentational <table> elements avoid using <th>, <caption> or the [summary] attribute.
Cells in a <table> element that use the [headers] attribute refer to table cells within the same table
<th> elements and elements with [role="columnheader"/"rowheader"] have data cells they describe
The document does not use <meta http-equiv="refresh">
[user-scalable="no"]` is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not less than 5
Audio & Video
<video> elements contain a <track> element with [kind="captions"]
<video> elements contain a <track> element with [kind="description"]
Internationalization and Localization
<html> element has a [lang] attribute
<html> element has a valid value for its [lang] attribute
[lang] attributes have a valid value