11 Oct 2025
DEV SITE
sportime-web-dev.azurewebsites.net (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
4
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 2.61:1. Recommendation: change background to #007fb0.
details
Solutions:
Selectors:
-
#tryAgain -
#toAdmin -
#toAdmin > a:nth-child(1) -
#toAdmin > a:nth-child(2)
WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
1
The html element should have a lang or xml:lang attribute which describes the language of the document.
details
WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
1
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.61:1. Recommendation: change background to #009fdc.
details
Solutions:
Selectors:
-
#unavailable
WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour
1
Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
details
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48
1
If this element contains a navigation section, it is recommended that it be marked up as a list.
details
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
2
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:
-
#toAdmin > a:nth-child(1) -
#toAdmin > a:nth-child(2)
WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2
1
Check that the title element describes the document.
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_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_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.