[Skip navigation links]

Site Report

This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be used alongside human testing.

LevelWCAG 2.1Section 508 - 2017Key
ALevel A, 4 issuesLevel A, 4 issuesCritical Pages with level A issues are unusable for some people
AAVery Important Pages with level AA issues are very difficult to use
AAALevel AAA, 2 issuesLess Important Pages with level AAA issues can be difficult to use
PriorityDescription and URLGuideline and Line#Count

Level A

4 issues on 4 pages

CriticalIdentify row and column headers in data tables using th elements, and mark layout tables with role=presentation. WCAG 2.1 A F91 Section 508 (2017) A F91 1 pages
Data tables allow screen reader users to understand column and row relationships. Layout tables read cells as a series of unrelated paragraphs with no tabular structure. Without th or role, screen readers apply heuristics to decide whether a table is a layout table or data table. These heuristics vary greatly between screen readers, and are affected by browser being used, window size, and font size (so the outcome is very unpredictable without th or role). If a data table has headers marked up using td, then change these to th. If a data table has no headers, add th elements describing each row and/or column. If the table is only used for layout add role=presentation to the table element.

Impact on users:

  • JAWS Reading: Treats tables without th and role as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used.
  • NVDA Reading: Applies a layout table heuristic to tables without th and role which varies depending on the browser used and on the window size in some circumstances.
  • VoiceOver Reading: Uses a sophisticated heuristic on tables without th and role, which is similar (but not identical) to the heuristic used by NVDA with Firefox.
1.3.1
https://playaviatrix.com/Line 813
CriticalRemoving the underline from links makes it hard for color-blind users to see them. WCAG 2.1 A F73 Section 508 (2017) A F73 1 pages
Remove the text-decoration:none property from your link styles, or add other style attributes in addition to color changes to make links visible to people without color vision. 1.4.1
https://playaviatrix.com/where-play-aviatrix/Line 420
CriticalUse HTML headings instead of applying CSS heading styles to non-headings. WCAG 2.1 A F2 Section 508 (2017) A F2 1 pages
Screen reader users rely on headings to navigate within pages. Either add role=heading with aria-level or use h1-h6 elements to identify the element as a heading to screen readers. 1.3.1
https://playaviatrix.com/Line 551
CriticalUse semantic markup like strong instead of using the CSS font-weight property. WCAG 2.1 A F2 Section 508 (2017) A F2 4 pages
Use the strong element instead of the span element for bold text. 1.3.1
https://playaviatrix.com/Line 565 1588
https://playaviatrix.com/aviatrix-demo-game-play-free-in-fun-mode/Line 337 996
https://playaviatrix.com/how-to-play-aviatrix/Line 332 1267
https://playaviatrix.com/where-play-aviatrix/Line 325 400 603

Level AAA

2 issues on 5 pages

ImportantDon't use CSS animations or transitions in interactions without giving the user a way to turn them off. WCAG 2.1 2.3.3 4 pages
Use the @media (prefers-reduced-motion) media query to respect user preferences.
:hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s
https://playaviatrix.com/		Line 1566 1566 1566 1566 1622 ...
:hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s
https://playaviatrix.com/aviatrix-demo-game-play-free-in-fun-mode/		Line 909 911 913 915 917 ...
:hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s
https://playaviatrix.com/how-to-play-aviatrix/		Line 1185 1187 1189 1191 1193 ...
:hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s :hover transition: all 0.3s
https://playaviatrix.com/where-play-aviatrix/		Line 420 526 528 530 532 ...
ImportantEnsure that text and background colors have a 7:1 contrast ratio. WCAG 2.1 AAA 1.4.6 3 pages

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 4.5 or more for 18 point text, or larger
  • The contrast ratio should be 4.5 or more for 14 point bold text, or larger
  • The contrast ratio should be 7.0 or more for all other text
The text color to background color contrast ratio after composition is:
5.74 with color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
5.74 with color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
5.74 with color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
5.74 with color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
5.74 with color: rgb(102,102,102);background-color: rgb(255,255,255);font-size: 9pt;font-weight: 400;
https://playaviatrix.com/how-to-play-aviatrix/		Line 428 627 683 736 788 ...
The text color to background color contrast ratio after composition is:
6.23 with color: rgb(77,59,254);background-color: rgb(255,255,255);font-size: 8.40pt;font-weight: 700;
6.23 with color: rgb(77,59,254);background-color: rgb(255,255,255);font-size: 8.40pt;font-weight: 700;
6.23 with color: rgb(255,255,255);background-color: rgb(77,59,254);font-size: 8.40pt;font-weight: 400;
6.23 with color: rgb(77,59,254);background-color: rgb(255,255,255);font-size: 8.40pt;font-weight: 700;
https://playaviatrix.com/where-play-aviatrix/		Line 395 400 404 420
The text color to background color contrast ratio after composition is:
6.23 with color: rgb(255,255,255);background-color: rgb(77,59,254);font-size: 12pt;font-weight: 400;
https://playaviatrix.com/wp-content/themes/reboot/assets/css/style.min.css?ver=1.4.5		Line 454
Expand all 6 issues