Stylesheet – Accessibility Guidelines
Accessibility
GSA
Section 508
Table of Contents
Non-Text Content>
Non-Text Content #
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.
Content/Design Considerations
- Avoid using meaningful images as background images.
Development Considerations
- Insert a meaningful image with
<img>instead of background image. - Meaningful background images must be supplemented with a text equivalent on the page.
Info and Relationships>
Info and Relationships #
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
Development Considerations
- Avoid using inserted CSS content (pseudo elements ::before and ::after) to add meaningful content.
Meaningful Sequence>
Meaningful Sequence #
When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.
Development Considerations
- Avoid using position: absolute to place content on page. It may not be read by in the correct order by assistive technology.