Site Report

Impact on users:

• JAWS : Reads out placeholder text, instead of a useful image description.
• NVDA : Reads out placeholder text, instead of a useful image description.
• VoiceOver : Reads out placeholder text, instead of a useful image description.

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

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.

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.

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

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

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