508 Tips for Content Editors
CSU has implimented the Accessible Technology Initiative, a system wide effort to meet the needs of the disabled members of its constituency. Below you will find tips on keeping your site ATI compliant through good content editing. Please take advantage of the styles and resources found on our CSUF Web Style Standards website (all styles meet 508 and CSU ATI guidelines), and for more information on our progress and to see if your site is passing, visit our Accessible Technology Initiative (ATI) website .
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
Images & Alt Tags
- DO use alt tags (the description box on the insert/edit image too).
- ALT TAGS MUST BE:
- a minimum of 8 characters
- a maximum of 80 characters.
- DO NOT use the word image or picture.
- DO NOT use images with too much text that it won't fit in the alt tag. Screen readers cannot "read" an image.
- The Definitive Guide To The Alt-Text Field
- DO NOT link urls. Screen readers will read each character (w-w-w-dot-h-t-t-p-colon...).
- DO NOT use the words Click Here or Read More.
- These phrases lack context and tell the user nothing about the content of the link.
- DO link words organically.
- DO NOT link to two different urls using the same words on the same page.
- DO NOT link to the same url using different words on the same page.
- Making Accessible Links
- Colors MUST BE 7:1 contrast ratio.
- This also applies to images, PDFs, and all documents online.
- It is lovely, but the campus orange cannot be used as text, nor can you have white on the orange.
- Using the standard red color in the editor to make something stand out DOES NOT pass accessibility. You must use a darker red. Or just use on of our text notices .
- WebAIM Accessibility Color Contrast Checker
- CSUF Web Style Standards - Colors