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 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 a descriptive img alt attribute if the link contains an img element

Impact on users:

• VoiceOver macOS 12.5 Safari 15.6 macOS 12.5.1 Reading: Meaningless frame title read out.
• VoiceOver macOS 11.5 Safari 15.0 macOS 11.5.2 Reading: Meaningless frame title read out.
• VoiceOver macOS 10.15 Safari 14.1 macOS 10.15.7 Reading: Meaningless frame title read out.
• VoiceOver macOS 10.14 Safari 13.0 macOS 10.14.6 Reading: Meaningless frame title 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

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)
• Internet Explorer (obscures the focus indicator on links, buttons and range controls)

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