✅ Scan complete — report saved!📄 View Permalink & Share Report
Accessibility Rating

100%

Scanned: https://www.a11yproject.com/

100%Overall Score
0Critical Issues
46Checks Passed
✅ Passed Checks (46)▼
✅

Elements must only use supported ARIA attributes

Ensures an element's role supports its ARIA attributes

✅

ARIA role should be appropriate for the element

Ensures role attribute has an appropriate value for the element

✅

ARIA attributes must be used as specified for the element's role

Ensures ARIA attributes are used as described in the specification of the element's role

✅

Deprecated ARIA roles must not be used

Ensures elements do not use deprecated roles

✅

aria-hidden="true" must not be present on the document body

Ensures aria-hidden="true" is not present on the document body.

✅

ARIA hidden element must not be focusable or contain focusable elements

Ensures aria-hidden elements are not focusable nor contain focusable elements

✅

Elements must only use permitted ARIA attributes

Ensures ARIA attributes are not prohibited for an element's role

✅

Required ARIA attributes must be provided

Ensures elements with ARIA roles have all required ARIA attributes

✅

ARIA roles used must conform to valid values

Ensures all elements with a role attribute use a valid value

✅

ARIA attributes must conform to valid values

Ensures all ARIA attributes have valid values

✅

ARIA attributes must conform to valid names

Ensures attributes that begin with aria- are valid ARIA attributes

✅

Inline text spacing must be adjustable with custom stylesheets

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets

✅

Page must have means to bypass repeated blocks

Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content

✅

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

✅

Documents must have <title> element to aid in navigation

Ensures each HTML document contains a non-empty <title> element

✅

IDs used in ARIA and labels must be unique

Ensures every id attribute value used in ARIA and in labels is unique

✅

Headings should not be empty

Ensures headings have discernible text

✅

Form field must not have multiple label elements

Ensures form field does not have multiple label elements

✅

Heading levels should only increase by one

Ensures the order of headings is semantically correct

✅

<html> element must have a lang attribute

Ensures every HTML document has a lang attribute

✅

<html> element must have a valid value for the lang attribute

Ensures the lang attribute of the <html> element has a valid value

✅

Images must have alternate text

Ensures <img> elements have alternate text or a role of none or presentation

✅

Alternative text of images should not be repeated as text

Ensure image alternative is not repeated as text

✅

Form elements should have a visible label

Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

✅

Form elements must have labels

Ensures every form element has a label

✅

Banner landmark should not be contained in another landmark

Ensures the banner landmark is at top level

✅

Aside should not be contained in another landmark

Ensures the complementary landmark or aside is at top level

✅

Contentinfo landmark should not be contained in another landmark

Ensures the contentinfo landmark is at top level

✅

Main landmark should not be contained in another landmark

Ensures the main landmark is at top level

✅

Document should not have more than one banner landmark

Ensures the document has at most one banner landmark

✅

Document should not have more than one contentinfo landmark

Ensures the document has at most one contentinfo landmark

✅

Document should not have more than one main landmark

Ensures the document has at most one main landmark

✅

Document should have one main landmark

Ensures the document has a main landmark

✅

Ensures landmarks are unique

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

✅

Links must be distinguishable without relying on color

Ensure links are distinguished from surrounding text in a way that does not rely on color

✅

Links must have discernible text

Ensures links have discernible text

✅

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Ensures that lists are structured correctly

✅

<li> elements must be contained in a <ul> or <ol>

Ensures <li> elements are used semantically

✅

Users should be able to zoom and scale the text up to 500%

Ensures <meta name="viewport"> can scale a significant amount

✅

Zooming and scaling must not be disabled

Ensures <meta name="viewport"> does not disable text scaling and zooming

✅

Interactive controls must not be nested

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

✅

Page should contain a level-one heading

Ensure that the page, or at least one of its frames contains a level-one heading

✅

Ensure elements marked as presentational are consistently ignored

Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them

✅

All page content should be contained by landmarks

Ensures all page content is contained by landmarks

✅

[role="img"] elements must have an alternative text

Ensures [role="img"] elements have alternate text

✅

<svg> elements with an img role must have an alternative text

Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text