Site Report

Impact on users:

• JAWS : Ignores all images with alt=''.
• NVDA : Reads some images with alt='' and a title or ARIA label.
• VoiceOver : Reads images with alt='' and a title or ARIA label.

Impact on users:

• JAWS : Reads out redundant alt text.
• NVDA : Reads out redundant alt text.
• VoiceOver : Reads out redundant alt text.

A link name allows screen readers to voice what the links does. If there is no link text / `alt` text, or the text / image 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 if the link contains an img element

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:

• NVDA 2019.2 Chrome 79 Windows 10 Reading: Image unlabeled.
• NVDA 2019.2 FF68 Windows 10 Reading: Image ignored.
• NVDA 2019.2 IE11 Windows 10 Reading: Image ignored.
• NVDA 2018.4 Chrome 73 Windows 10 Reading: Image ignored.
• NVDA 2018.4 FF60 Windows 10 Reading: Image ignored.
• NVDA 2018.4 IE11 Windows 10 Reading: Image ignored.
• JAWS 2019.1912.1 Chrome 79 Windows 10 Reading: Image unlabeled.
• JAWS 2019.1912.1 FF68 Windows 10 Reading: Image ignored.
• JAWS 2019.1912.1 IE11 Windows 10 Reading: Image ignored.
• JAWS 2018.1811.2 Chrome 73 Windows 10 Reading: Image ignored.
• JAWS 2018.1811.2 FF60 Windows 10 Reading: Image ignored.
• JAWS 2018.1811.2 IE11 Windows 10 Reading: Image ignored.
• VoiceOver macOS 11.5 Safari 15.0 macOS 11.5.2 Reading: Image filename read out.
• VoiceOver macOS 10.15 Safari 14.1 macOS 10.15.7 Reading: Image filename read out.
• VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Image filename read out.
• VoiceOver macOS 10.13 Safari 12.1 macOS 10.13.6 Reading: Image filename read out.
• VoiceOver iOS 14.7 Safari iOS 14.7 iOS 14.7 Touch: Image filename read out.
• VoiceOver iOS 13.3 Safari iOS 13.3 iOS 13.3 Touch: Image filename read out.
• VoiceOver iOS 12.4 Safari iOS 12.4 iOS 12.4.1 Touch: Image filename read out.
• VoiceOver iOS 11.4 Safari iOS 11.4 iOS 11.4.1 Touch: Image filename read out.

A programmatically determined name allows screen readers to tell users what the control does. To add a name do one of the following:

• Add text between the button start and end tags
• Add a title attribute
• Add an aria-label attribute
• Add an aria-labelledby attribute
• Add an img alt attribute if the button 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.

Note: The default link color in IE11 has poor contrast on a white background. Fix by specifying a:link and a:visited colors in CSS.

• 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