Information or relationship only presented visually
Link to Information or relationship only presented visually copied to clipboard
info-relationship-visual-only
Rule
Information, structure, or relationship that is presented visually MUST be conveyed programmatically or in text.
Background
People who are blind cannot rely on the visual appearance and layout of a page to understand information, relationships, or structure that is conveyed only visually. In order to convey visual information to screen reader users it must be also provided programmatically or in text. This will allow screen reader users to understand information, relationships, or structure that is apparent visually.
How to Fix
Fix this issue by doing ONE OR MORE of the following:
- Use a text-based method to convey the meaning of the visual information or relationship. The text can be provided for screen readers only or be visible on screen.
- When available in HTML, use appropriate semantic HTML elements.
- Use ARIA to provide programmatic information for screen readers. (Caution: Be certain you know which ARIA attributes can be used on which HTML elements and test the results with screen readers.)