Scope: All official campus websites are required to be accessible. This includes public-facing and internal facing websites hosted on, but not limited to, www.csusm.edu, CSUSM Sharepoint websites, faculty websites, official sites for campus-recognized clubs, organizations, etc.
The main campus website footprint (www.csusm.edu) is edited through OU Campus. OU Campus design elements have been limited for general web content providers to help limit inaccessible choices. All Web Team created snippets, page components, and general page templates go through an accessibility review process with the ATI Coordinator prior to being published out.
Headings/headers help a user navigate content. All users, no matter their ability or background consume content in the most efficient way possible and typically are seeking an answer to a question.
Headers are visually different looking text that helps a user skim to a topic that most likely will answer their question/accomplish their goal(s). Header’s should be used in a logical order and are also communicated to non-visual users using assistive technology to help them skim pages.
Images of text should be avoided on your website. Text information in an image cannot be consumed by non-visual users and also can be difficult to read on a mobile device. Flyers are especially troublesome for all web users and should not be added to a site. Instead, type your content out as normal page content or ask the Web Team for help with making the page visually interesting.
Flyer evolution examples:
Any images that are added to your online content require alternative text (also called “alt text”). This is hidden text that is paired with the image that physically shows if an image is broken, an image has not loaded, or is read out to a non-visual user.
Alternative text should never say things like “Image of [thing]” or “image” because users already know that it is an image and instead should be a concise summary of what is being communicated contextually.
All users skim a page for content and you can help guide their experience by selecting a short, descriptive, and unique phrase that a user can select and interact with.
Picking appropriate names is especially important for screen reader users who can tell a screen reader to read out all links on a page. If all the links are labeled as “here”, “here”, and “here” this makes for a rather confusing experience.
Avoid putting in a full URL onto a webpage. A screen reader will read out the entire thing and they can be confusing to listen to. The only time a raw URL is recommended is if the document is intended to be printed out.
There are four general accessibility rules for videos on a website:
You can request for a captioning file to be created for your campus-related videos for FREE by filling out the Video Captioning Request Form.
PDF documents are not an ideal reading experience for any audience and should be avoided unless absolutely necessary. PDFs should ONLY be used if your audience is intended to print the content out - like a form or checklist. Be mindful that your users may not own a printer a normal webpage may still be a better experience for your content.
PDFs on the Web Research: