Skip to main content
  1. All Posts/

Stylesheet – Accessibility Guidelines

Accessibility GSA Section 508
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.