You are here

Accessibility

What's Accessibility and Why is it Important?

'Accessibility' refers to the production of content that is equally available to all users regardless of their means of access. For instance a blind individual may use screen reading software to have the content of a web page read aloud, where the page should provide text descriptions of any images users or coded explanations of any content purely provided visually.

The CSULB's page on accessible technology contains key information regarding how the university is providing assistance and producing accessible content for our community. 

The WebAIM site (Web Accessibility in Mind) site is a key resource for everyone who want information on producing compliant content, including detailed instructions for:

Key items all content editors should keep in mind when developing content:

Alt-text

  • Screen reading software reads alt-text in place of images.
  • All images in digital content require alt-text, which should be a short, concise descriptions of what the image displays.
  • It is unnecessary to use the phrase "image of" or "photo of" in your alt-text
  • If there's text on the image it needs to replicated in the alt-text, or the alt-text should indicate that the image is explained in the traditional text of the document.

Headers

Suggested heading structure

  • Header should be used to break up the content of your document into sections and subsections.
  • There should be just one 'Heading 1' per piece of content (be it a web page, or word document, powerpoint slide, etc).
  • Headers should nest within each other. The image to the right shares an example of headers properly nesting within one another. 
 

Tables

  • Use row and column headers when placing tables on the web or in a document.
  • Try to only use simple tables on the web. Complex, multi-layered and nested tables may benefit more from other means of production such as an accessible spreadsheet.
  • Always use a heading or caption to identify the title of your table.

Color Use and Contrast

Contrast examples

  • Low contrast color pairings such as yellow text on a white background can be extremely difficult for users to comprehend.
  • Standards for contrast are explained on the WebAIM site.
  • Use of color only to convey meaning, such as using a red or green checkmark to denote success or failure, need to be paired with text to identify the meaning of the visual.