[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.2Section 508 - 2017Key
ALevel A, 6 issuesLevel A, 6 issuesCritical Pages with level A issues are unusable for some people
AALevel AA, 4 issuesLevel AA, 3 issuesVery Important Pages with level AA issues are very difficult to use
AAALevel AAA, 3 issuesLess Important Pages with level AAA issues can be difficult to use
PriorityDescription and URLGuideline and Line#Count

Level A

7 issues on 3 pages

CriticalHeadings should not be empty. ARIA 1.2 5.2.8 1 pages
Add visible text to the heading, or alt text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings.
https://catalog.tools/Line 1145
CriticalHTML form control has no accessible name. WCAG 2.2 A F68 Section 508 (2017) A F68 2 pages

A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following:

  • Use a label element with the for attribute set to the ID of the form control
  • Wrap a label element around the form control
  • Add a title attribute
  • Add an aria-label attribute
  • Add an aria-labelledby attribute
4.1.2
https://catalog.tools/addLine 307
https://catalog.tools/registerLine 228 235 542
CriticalIdentify row and column headers in data tables using th elements, and mark layout tables with role=presentation. WCAG 2.2 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://catalog.tools/Line 1170 1197 1915 1919 1923 ...
Criticalimg elements must have an accessible name. WCAG 2.2 A F65 Section 508 (2017) A F65 3 pages
Add an alt attribute describing the image, which screen readers voice instead of the image. Spacer images and purely decorative images should use alt="" without any global ARIA attributes. Do not use alt text containing only spaces since that's voiced as an unlabeled image.

Impact on users:

  • NVDA 2023.3 Chrome 120 Windows 10 Reading: Image ignored.
  • NVDA 2023.3 FF 115 Windows 10 Reading: Image ignored.
  • NVDA 2023.3 Edge 120 Windows 10 Reading: Image ignored.
  • JAWS 2023.2311.34 Chrome 120 Windows 10 Reading: Image ignored.
  • JAWS 2023.2311.34 FF 115 Windows 10 Reading: Image ignored.
  • JAWS 2023.2311.34 Edge 120 Windows 10 Reading: Image ignored.
  • VoiceOver macOS 13.6 Safari 16.6 macOS 13.6.0 Reading: Image filename read out.
  • VoiceOver iOS 16.6 Safari iOS 16.6 iOS 16.6.1 Touch: Image filename read out, along with OCR text from image.
1.1.1
https://catalog.tools/Line 547 839 1196 1223 1250 ...
https://catalog.tools/addLine 98
https://catalog.tools/registerLine 99
CriticalLinks must have an accessible name. WCAG 2.2 A F89 Section 508 (2017) A F89 3 pages

A link name allows screen readers to voice what the links does. If there is no link content, or the link content is hidden by CSS, screen readers have nothing to read, so read out the URL instead. To add a name do one of the following:

  • Add text between the a element start and end tags
  • Add an aria-label attribute
  • Add an aria-labelledby attribute
  • Add an img alt attribute labeling the link if it contains an img element
2.4.4 2.4.9 4.1.2
https://catalog.tools/Line 970 981 992 1004 1015 ...
https://catalog.tools/addLine 98
https://catalog.tools/registerLine 99
CriticalThis page uses nested tables, which do not make sense when read in a screen reader. WCAG 2.2 A F49 Section 508 (2017) A F49 1 pages
Add role='presentation' if the inner table is a layout table, otherwise modify the inner table to present the same data without nesting tables. 1.3.2
https://catalog.tools/Line 1191 1218 1245 1272 1299 ...
CriticalUse the lang attribute to identify the language of the page. WCAG 2.2 A 3.1.1 Section 508 (2017) A 3.1.1 3 pages
In HTML add a lang attribute containing a language code to the html tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly.
https://catalog.tools/Line 2
https://catalog.tools/addLine 2
https://catalog.tools/registerLine 2

Level AA

4 issues on 3 pages

Very ImportantDo not use the meta viewport tag to disable zoom. WCAG 2.2 AA 1.4.4 Section 508 (2017) AA 1.4.4 3 pages
Setting user-scalable=no or maximum-scale to less than 2.0 prevents zooming small text to make it readable. Note that iOS 10+ ignores this setting.
https://catalog.tools/Line 8
https://catalog.tools/addLine 6
https://catalog.tools/registerLine 6
Very ImportantEnsure that text and background colors have enough contrast. WCAG 2.2 AA 1.4.3 Section 508 (2017) AA 1.4.3 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 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text
1.4.6
The text color to background color contrast ratio after composition is: 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 15ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.95 with color: rgb(255,255,255)background: rgb(128,128,128)font-size: 16.50ptfont-weight: 400
https://catalog.tools/		Line 534 535 628 1829 1996 ...
The text color to background color contrast ratio after composition is: 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 15ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400
https://catalog.tools/add		Line 87 87 89 222 345 ...
The text color to background color contrast ratio after composition is: 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 15ptfont-weight: 400 3.85 with color: rgb(255,255,255)background: rgb(253,36,36)font-size: 7.50ptfont-weight: 400
https://catalog.tools/register		Line 88 88 90 457 580 ...
Very ImportantThe CSS outline or border style on this element makes it difficult or impossible to see the link focus outline. WCAG 2.2 AA F78 Section 508 (2017) AA F78 3 pages
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See :focus-visible for more information.

Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:

  • Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
  • Firefox (obscures the focus indicator on links)
2.4.7
:focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline:
https://catalog.tools/		Line 970 981 992 1004 1015 ...
:focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline:
https://catalog.tools/add		Line 234 235 237 252 288 ...
:focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline: :focus and :not(:focus) have same outline:
https://catalog.tools/register		Line 469 470 472 487 523 ...
Very ImportantUser interface controls must have a contrast ratio of at least 3:1 against adjacent colors. WCAG 2.2 1.4.11 1 pages
If the control has a visible edge, make sure this has sufficient contrast against the area outside the control.
The contrast ratio between the control edge and surrounding area is: 1.04 with border-color: ;background: rgb(255,255,255);box margin rgb(250,250,250); 1.04 with border-color: ;background: rgb(255,255,255);box margin rgb(250,250,250);
https://catalog.tools/register		Line 228 235

Level AAA

3 issues on 3 pages

ImportantAvoid specifying a new window as the target of a link using JavaScript. WCAG 2.2 AAA F22 1 pages
Displaying new windows without warning can be very confusing to non-sighted and mobile users. Some screen readers and mobile devices give very little indication a new tab or window has opened. If you cannot avoid displaying a new window, insert an "opens in a new window" warning into the link text or add the warning to the link using a title attribute or aria-describedby attribute. 3.2.5
https://catalog.tools/registerLine 209 210 211 212 213 ...
ImportantClickable targets must be at least 44 by 44 CSS pixels. WCAG 2.2 2.5.5 3 pages
324 x 41 86 x 30 44 x 30
https://catalog.tools/		Line 538 538 553
86 x 30 324 x 41 44 x 30
https://catalog.tools/add		Line 89 89 104
86 x 30 324 x 41 44 x 30
https://catalog.tools/register		Line 90 90 105
ImportantEnsure that text and background colors have a 7:1 contrast ratio. WCAG 2.2 AAA 1.4.6 2 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: 6.10 with color: rgb(177,43,67)background: rgb(250,250,250)font-size: 13.50ptfont-weight: 700 6.10 with color: rgb(177,43,67)background: rgb(250,250,250)font-size: 13.50ptfont-weight: 700 6.10 with color: rgb(177,43,67)background: rgb(250,250,250)font-size: 13.50ptfont-weight: 700 6.10 with color: rgb(177,43,67)background: rgb(250,250,250)font-size: 13.50ptfont-weight: 700 6.10 with color: rgb(177,43,67)background: rgb(250,250,250)font-size: 13.50ptfont-weight: 700
https://catalog.tools/		Line 1182 1209 1236 1263 1290 ...
The text color to background color contrast ratio after composition is: 3.83 with color: rgb(255,0,0)background: rgb(250,250,250)font-size: 14.40ptfont-weight: 700
https://catalog.tools/add		Line 199
Expand all 14 issues