26 Oct 2025
John McEnroe Tennis Academy
www.johnmcenroetennisacademy.com (WCAG2AA)
Select a date to show stats for:
View results in browser
Pa11y uses HTML_CodeSniffer to find accessibility issues. Use their bookmarklet to view results on the page you are testing.
Results
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
7
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.8:1. Recommendation: change background to #428538.
details
Solutions:
Selectors:
-
html > body > main > section:nth-child(10) > div > div > div:nth-child(1) > p -
#contactForm > div:nth-child(4) > label -
#contactForm > div:nth-child(5) > label -
#contactForm > div:nth-child(6) > label -
#contactForm > div:nth-child(7) > label -
#contactForm > div:nth-child(8) > div > label -
#acceptAll
WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
5
Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
details
Solutions:
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(1) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(2) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(3) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(4) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(5) > a
WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
3
This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
details
Selectors:
-
#textOpt -
#g-recaptcha-response -
#g-recaptcha-response-100000
WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Textarea.Name
2
This textarea element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
details
Solutions:
Selectors:
-
#g-recaptcha-response -
#g-recaptcha-response-100000
WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
1
Duplicate id attribute value "navbarDropdownExplore" found on the web page.
details
Solutions:
Selectors:
-
#navbarDropdownExplore
WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputCheckbox.Name
1
This checkboxinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
details
WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1
1
Iframe element requires a non-empty title attribute that identifies the frame.
details
Solutions:
Selectors:
-
#contactForm > div:nth-child(9) > div > iframe
WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.2
14
Img element is marked so that it is ignored by Assistive Technology.
details
Solutions:
Selectors:
-
html > body > main > section:nth-child(3) > div:nth-child(2) > img -
html > body > main > section:nth-child(4) > div > div > div > img -
html > body > main > section:nth-child(5) > div > div > div:nth-child(1) > div > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(1) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(2) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(3) > img -
html > body > main > section:nth-child(6) > img -
html > body > main > section:nth-child(7) > div > div:nth-child(1) > div:nth-child(2) > img -
html > body > main > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > img -
html > body > main > section:nth-child(10) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(1) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(2) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(3) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(4) > img
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Alpha
7
This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.
details
Solutions:
Selectors:
-
#topNavbar > div > a > span -
html > body > div:nth-child(5) > div:nth-child(2) > h3 -
html > body > div:nth-child(5) > div:nth-child(2) > p -
html > body > div:nth-child(5) > div:nth-child(2) > p > a -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(1) -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(2) -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(3)
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage
5
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
details
Solutions:
Selectors:
-
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(1) > div > div > span:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(2) > div > div > span:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(3) > div > div > span:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(1) > div > div > span:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(2) > div > div > span:nth-child(1)
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
4
This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
details
Solutions:
Selectors:
-
html > body > div:nth-child(2) -
#contactForm > div:nth-child(9) > div > div -
html > body > div:nth-child(5) -
html > body > div:nth-child(18) > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Abs
3
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 3:1.
details
Solutions:
Selectors:
-
html > body > footer > h2 -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > ul > li:nth-child(1) > a > span -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > ul > li:nth-child(2) > a > span
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
2
If this element contains a navigation section, it is recommended that it be marked up as a list.
details
Solutions:
Selectors:
-
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3)
WCAG2AA.Principle1.Guideline1_3.1_3_1.H44.NonExistentFragment
1
This label's "for" attribute contains an ID that does not exist in the document fragment.
details
Solutions:
Selectors:
-
#contactForm > div:nth-child(8) > div > label
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
1
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
details
Solutions:
Selectors:
-
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > a > span
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
1
Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
details
Solutions:
Selectors:
-
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(3) > a
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
68
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
details
Solutions:
- H77: Identifying the purpose of a link using link text combined with its enclosing list item
- H78: Identifying the purpose of a link using link text combined with its enclosing paragraph
- H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells
- H80: Identifying the purpose of a link using link text combined with the preceding heading element
- H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(1) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(2) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(3) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(4) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(5) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > ul > li > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > ul > li > ul > li:nth-child(1) > a -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > ul > li > ul > li:nth-child(2) > a -
#topNavbar > div > a -
#navbarDropdownExplore -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(1) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(2) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(3) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(4) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(5) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(1) > ul > li:nth-child(6) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(1) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(2) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(3) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(4) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(5) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(2) > ul > li:nth-child(6) > a -
#navbarDropdownExplore -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(1) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(2) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(3) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(4) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(5) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(3) > ul > li:nth-child(6) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(4) > div > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(4) > div > ul > li:nth-child(1) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(4) > div > ul > li:nth-child(2) > div > a -
#collapseOne > ul > li:nth-child(1) > a -
#collapseOne > ul > li:nth-child(2) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(5) > a -
#navbarSupportedContent > ul:nth-child(1) > li:nth-child(6) > a -
#navbarSupportedContent > ul:nth-child(2) > li:nth-child(1) > a -
#navbarSupportedContent > ul:nth-child(2) > li:nth-child(2) > a -
html > body > main > section:nth-child(2) > div:nth-child(3) > div > div > a -
html > body > main > section:nth-child(3) > div:nth-child(1) > div > div > a -
html > body > main > section:nth-child(5) > div > div > div:nth-child(2) > div > p > a -
html > body > main > section:nth-child(6) > div > div > div:nth-child(1) > h2 > a -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(2) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(3) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(1) -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(2) -
html > body > main > section:nth-child(7) > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(3) > a -
html > body > main > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > p:nth-child(3) > a -
html > body > main > section:nth-child(8) > div > div:nth-child(3) > div > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > ul > li:nth-child(1) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > ul > li:nth-child(2) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(1) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(2) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(3) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(4) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(5) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > ul:nth-child(2) > li:nth-child(1) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > ul:nth-child(2) > li:nth-child(2) > a -
html > body > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > ul:nth-child(4) > li > a -
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(1) > a -
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(2) > a -
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(3) > a -
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(4) > a -
html > body > footer > div > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(5) > a -
html > body > div:nth-child(5) > div:nth-child(2) > p > a
WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
38
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
details
Solutions:
- G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content
- G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(1) > a > img -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(2) > a > img -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(3) > a > img -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(4) > a > img -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > ul > li:nth-child(5) > a > img -
#topNavbar > div > a > img -
html > body > main > section:nth-child(3) > div:nth-child(2) > img -
html > body > main > section:nth-child(4) > div > div > div > img -
html > body > main > section:nth-child(5) > div > div > div:nth-child(1) > div > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(1) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(2) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(2) > a:nth-child(3) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(1) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(2) > img -
html > body > main > section:nth-child(6) > img -
html > body > main > section:nth-child(7) > div > div:nth-child(1) > div:nth-child(2) > img -
html > body > main > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > img -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(1) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(1) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(3) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(3) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(4) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(4) > div > img:nth-child(2) -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(1) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(2) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(3) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(4) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(5) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(6) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(7) > img -
html > body > main > section:nth-child(10) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > a > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(1) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(2) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(3) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > p:nth-child(4) > img
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
21
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
details
Selectors:
-
#searchTerms -
#searchTerms -
#contactForm > input:nth-child(1) -
#pageSource -
#Recaptcha -
#FirstName -
#FirstName -
#LastName -
#LastName -
#Email -
#Email -
#Phone -
#Phone -
#textOpt -
#g-recaptcha-response -
#g-recaptcha-response -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(1) > input -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(2) > input -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(3) > input -
#g-recaptcha-response-100000 -
#g-recaptcha-response-100000
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
19
Check that a change of context does not occur when this input field receives focus.
details
Solutions:
Selectors:
-
#searchTerms -
#collapseSearch > button -
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > form > button -
#contactForm > input:nth-child(1) -
#pageSource -
#Recaptcha -
#FirstName -
#LastName -
#Email -
#Phone -
#textOpt -
#g-recaptcha-response -
#contactForm > div:nth-child(9) > button -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(1) > input -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(2) > input -
html > body > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > label:nth-child(3) > input -
#acceptAll -
#savePreferences -
#g-recaptcha-response-100000
WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
19
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
details
Solutions:
Selectors:
-
#topNavbar > div > a > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(1) > img -
html > body > main > section:nth-child(6) > div > div > div:nth-child(3) > a:nth-child(2) > img -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(1) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(1) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(3) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(3) > div > img:nth-child(2) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(4) > div > img:nth-child(1) -
html > body > main > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(4) > div > img:nth-child(2) -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(1) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(2) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(3) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(4) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(5) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(6) > img -
html > body > main > section:nth-child(9) > div > div > div > ul > li:nth-child(7) > img -
html > body > footer > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(1) > a > img
WCAG2AA.Principle3.Guideline3_3.3_3_1.G83,G84,G85
2
If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
details
Solutions:
- G83: Providing text descriptions to identify required fields that were not completed
- G84: Providing a text description when the user provides information that is not in the list of allowed values
- G85: Providing a text description when user input falls outside the required format or values
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > form -
#contactForm
WCAG2AA.Principle3.Guideline3_3.3_3_2.G131,G89,G184,H90
2
Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
details
Solutions:
- G131: Providing descriptive labels
- G89: Providing expected data format and example
- G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input
- H90: Indicating required form controls using label or legend
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > form -
#contactForm
WCAG2AA.Principle3.Guideline3_3.3_3_3.G177
2
Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
details
Solutions:
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > form -
#contactForm
WCAG2AA.Principle3.Guideline3_3.3_3_4.G98,G99,G155,G164,G168.LegalForms
2
If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
details
Solutions:
- G98: Providing the ability for the user to review and correct answers before submitting
- G99: Providing the ability to recover deleted information
- G155: Providing a checkbox in addition to a submit button
- G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request
- G168: Requesting confirmation to continue with selected action
Selectors:
-
html > body > div:nth-child(2) > nav:nth-child(1) > div > div > div > form -
#contactForm
WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2
1
Check that the title element describes the document.
details
WCAG2AA.Principle1.Guideline1_2.1_2_1.G159,G166
1
If this embedded object contains pre-recorded video only, and is not provided as an alternative for text content, check that an alternative text version is available, or an audio track is provided that presents equivalent information.
details
Solutions:
- G159: Providing an alternative for time-based media for video-only content
- G166: Providing audio that describes the important video content and describing it as such
Selectors:
-
html > body > main > section:nth-child(2) > video
WCAG2AA.Principle1.Guideline1_2.1_2_2.G87,G93
1
If this embedded object contains pre-recorded synchronised media and is not provided as an alternative for text content, check that captions are provided for audio content.
details
Solutions:
Selectors:
-
html > body > main > section:nth-child(2) > video
WCAG2AA.Principle1.Guideline1_2.1_2_4.G9,G87,G93
1
If this embedded object contains synchronised media, check that captions are provided for live audio content.
details
Solutions:
- G9: Creating captions for live synchronized media
- G87: Providing closed captions
- G93: Providing open (always visible) captions
Selectors:
-
html > body > main > section:nth-child(2) > video
WCAG2AA.Principle1.Guideline1_2.1_2_5.G78,G173,G8
1
If this embedded object contains pre-recorded synchronised media, check that an audio description is provided for its video content.
details
Solutions:
- G78: Providing a second, user-selectable, audio track that includes audio descriptions
- G173: Providing a version of a movie with audio descriptions
- G8: Providing a movie with extended audio descriptions
Selectors:
-
html > body > main > section:nth-child(2) > video
WCAG2AA.Principle1.Guideline1_4.1_4_2.F23
1
If this element contains audio that plays automatically for longer than 3 seconds, check that there is the ability to pause, stop or mute the audio.
details
WCAG2AA.Principle1.Guideline1_3.1_3_2.G57
1
Check that the content is ordered in a meaningful sequence when linearised, such as when style sheets are disabled.
details
WCAG2AA.Principle1.Guideline1_3.1_3_3.G96
1
Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.
details
WCAG2AA.Principle1.Guideline1_3.1_3_4.
1
Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
details
Selectors:
WCAG2AA.Principle1.Guideline1_4.1_4_1.G14,G182
1
Check that any information conveyed using colour alone is also available in text, or through other visual cues.
details
WCAG2AA.Principle1.Guideline1_4.1_4_4.G142
1
Check that text can be resized without assistive technology up to 200 percent without loss of content or functionality.
details
Solutions:
Selectors:
WCAG2AA.Principle1.Guideline1_4.1_4_5.G140,C22,C30.AALevel
1
If the technologies being used can achieve the visual presentation, check that text is used to convey information rather than images of text, except when the image of text is essential to the information being conveyed, or can be visually customised to the user's requirements.
details
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
1
Check that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels; Except for parts of the content which require two-dimensional layout for usage or meaning.
details
WCAG2AA.Principle1.Guideline1_4.1_4_11.G195,G207,G18,G145,G174,F78
1
Check that the visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
details
Solutions:
- G195: Using an author-supplied, highly visible focus indicator
- G207: Ensuring that a contrast ratio of 3:1 is provided for icons
- G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
- G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text
Selectors:
WCAG2AA.Principle1.Guideline1_4.1_4_12.C36,C35
1
Check that no loss of content or functionality occurs by setting all of the following and by changing no other style property: Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs to at least 2 times the font size; Letter spacing (tracking) to at least 0.12 times the font size; Word spacing to at least 0.16 times the font size.
details
WCAG2AA.Principle1.Guideline1_4.1_4_13.F95
1
Check that where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: Dismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
details
WCAG2AA.Principle2.Guideline2_1.2_1_4.
1
Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off: A mechanism is available to turn the shortcut off; Remap: A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc); Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
details
Selectors:
WCAG2AA.Principle2.Guideline2_2.2_2_2.SCR33,SCR22,G187,G152,G186,G191
1
If any part of the content moves, scrolls or blinks for more than 5 seconds, or auto-updates, check that there is a mechanism available to pause, stop, or hide the content.
details
Solutions:
- SCR33: Using script to scroll content, and providing a mechanism to pause it
- SCR22: Using scripts to control blinking and stop it in five seconds or less
- G187: Using a technology to include blinking content that can be turned off via the user agent
- G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)
- G186: Using a control in the Web page that stops moving, blinking, or auto-updating content
- G191: Providing a link, button, or other mechanism that reloads the page without any blinking content
Selectors:
WCAG2AA.Principle2.Guideline2_3.2_3_1.G19,G176
1
Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.
details
WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124,H69
1
Ensure that any common navigation elements can be bypassed; for instance, by use of skip links, header elements, or ARIA landmark roles.
details
Solutions:
- G1: Adding a link at the top of each page that goes directly to the main content area
- G123: Adding a link at the beginning of a block of repeated content to go to the end of the block
- G124: Adding links at the top of the page to each area of the content
- H69: Providing heading elements at the beginning of each section of content
Selectors:
WCAG2AA.Principle2.Guideline2_4.2_4_3.H4.2
1
If tabindex is used, check that the tab order specified by the tabindex attributes follows relationships in the content.
details
WCAG2AA.Principle2.Guideline2_4.2_4_5.G125,G64,G63,G161,G126,G185
1
If this Web page is not part of a linear process, check that there is more than one way of locating this Web page within a set of Web pages.
details
Solutions:
- G125: Providing links to navigate to related Web pages
- G64: Providing a Table of Contents
- G63: Providing a site map
- G161: Providing a search function to help users find content
- G126: Providing a list of links to all other Web pages
- G185: Linking to all of the pages on the site from the home page
Selectors:
WCAG2AA.Principle2.Guideline2_4.2_4_6.G130,G131
1
Check that headings and labels describe topic or purpose.
details
WCAG2AA.Principle2.Guideline2_4.2_4_7.G149,G165,G195,C15,SCR31
1
Check that there is at least one mode of operation where the keyboard focus indicator can be visually located on user interface controls.
details
Solutions:
- G149: Using user interface components that are highlighted by the user agent when they receive focus
- G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over
- G195: Using an author-supplied, highly visible focus indicator
- C15: Using CSS to change the presentation of a user interface component when it receives focus
- SCR31: Using script to change the background color or border of the element with focus
Selectors:
WCAG2AA.Principle2.Guideline2_5.2_5_1.
1
Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
details
Selectors:
WCAG2AA.Principle2.Guideline2_5.2_5_2.
1
Check that for functionality that can be operated using a single pointer, at least one of the following is true: No Down-Event: The down-event of the pointer is not used to execute any part of the function; Abort or Undo: Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion; Up Reversal: The up-event reverses any outcome of the preceding down-event; Essential: Completing the function on the down-event is essential.
details
Selectors:
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
1
Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
details
WCAG2AA.Principle2.Guideline2_5.2_5_4.
1
Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: Supported Interface: The motion is used to operate functionality through an accessibility supported interface; Essential: The motion is essential for the function and doing so would invalidate the activity.
details
Selectors:
WCAG2AA.Principle3.Guideline3_1.3_1_2.H58
1
Ensure that any change in language is marked using the lang and/or xml:lang attribute on an element, as appropriate.
details
WCAG2AA.Principle3.Guideline3_2.3_2_3.G61
1
Check that navigational mechanisms that are repeated on multiple Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.
details
Solutions:
Selectors:
WCAG2AA.Principle3.Guideline3_2.3_2_4.G197
1
Check that components that have the same functionality within this Web page are identified consistently in the set of Web pages to which it belongs.
details
WCAG2AA.Principle4.Guideline4_1.4_1_3.
1
Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
details
Selectors:
You have no ignored rules.