Skip Navigation Links
CSU Bakersfield
  • Apply
  • Visit
  • Contact
  • Give
  • Discover CSUB
    • About CSUB
    • Administration
    • CSUB Brand
    • CSUB History
    • The Campaign for CSUB
    • Visiting CSUB
  • Academics
    • Academic Calendars
    • Academic Roadmaps
    • Majors and Degree Programs
    • Provost Office
    • Student Records
  • Admissions and Aid
    • Admissions
    • Financial Aid
    • Office of the Registrar
    • Tuition and Fees
  • Student Life
    • Athletics
    • Campus Safety
    • Dining and Housing
    • Recreation and Wellness
    • Student Involvement
    • Student Support Services
  • Connect with CSUB
    • Facebook
    • Twitter
    • Instagram
    • YouTube
    • LinkedIn
  • News and Events
    • Find Stories
    • Media Inquiries
    • Featured Events
    • CSUB Calendars
  • Just For You
    • Future Students
    • Current Students
    • Parents
    • Faculty and Staff
    • Alumni
    • Community
  • Resources
    • AccessCSUB
    • Bookstore
    • Email
    • Library
    • myCSUB
    • Sitemap
  • Apply
  • Visit
  • Contact
  • Give
  • ITS
  • Home
  • Business Continuity
  • Forms
  • About Us
  • Teaching/Learning
  • Services
  • Software/Hardware
  • Information Security and Policy
  • Home
  • Business Continuity
  • Forms
  • About Us
  • Teaching/Learning
  • Services
  • Software/Hardware
  • Information Security and Policy

Best Practices

Making sure our websites are accessible is not only the law, it is the right thing to do. By following these suggestions when you design your website, you will make it easier to update, manage and use. You will find that your site has far fewer Section 508 compliance issues and will have a greater level of accessibility than sites that do not employ these techniques. Taken from the Chancellor's Office manual web page evaluation check list, below are ways to ensure that your webpages maximize usability and accessibility.

Cascading Style Sheets (CSS)

In the early days of HTML, people were used to making very simple pages with the only variety being the size of text. If you have ever edited a web page in a simple text editor, such as Notepad, you know how boring these pages can look. In time, people began to use graphics in much broader ways to liven up the look and feel of their web sites. Unfortunately, the most common method of doing this was to use tables to get graphics to line up properly. Why is this unfortunate? Because using tables to layout a web page mixes content with presentation information and to users of certain assistive technologies (and graphically challenged browsers), the tables can destroy or obscure the information that is meant to be conveyed.

CSS allows a web designer to completely remove presentation from the content. This allows the designer to create a presentation with much greater control than the old style of table layouts. Because content and presentation are separate, it means updating a web page is much easier to do. Information that you want to update is not jumbled in with the complex markup of the presentation. Furthermore, someone who may be responsible for updating the content of a page is less likely to break the presentation.

Links

If a page has more than one link using the same text, it is important that they go to the same place. Contextual information alone may not be enough to inform users of the differences in destination. Many pages use "click here" as the link to a document, as in: "To get the course syllabus, click here." Then, on the same page, it may say: "To get the review sheet, click here." It is easier and clearer to just link "Course Syllabus" and "Review Sheet."

Document Structure

Using the built-in structure of standard HTML allows a document to be organized as you type it. This makes a document much easier to be read and to maintain. Most people have stopped using header tags because they did not like the presentation such tags imposed on their web pages, but with the use of CSS that should not be the case. The use of styles should not be a replacement for creating structured pages. It is important to remember that users can choose to use their own style sheets in place of the ones you have created in order to best meet their needs.

Frames

Frames are to be avoided. They are an outdated method of organizing information on a page and the inherent navigational obstacles they pose are not worth the benefit. Styles should be employed to create the desired visual effect.

Blinking and Moving Text

Blinking or moving elements on a screen should not be used. They can cause siezures in some people. Scrolling text is particularly problematic for users of assistive technology.

Scripting

JavaScript and other types of scripting should be used in such a way that users who do not have these enabled are still able to use the page. Some drop down menu items are displayed using scripts, but when the scripts are turned off, the navigation system is unusable. Links that employ the use of JavaScript hide their destination, leaving users of assistive technology guessing as to where they might be going. It is best to avoid using JavaScript in a link.

Plug-Ins and Readers

Documents that require a certain type of reader, such as Acrobat or Word, should have a link to download the appropriate program nearby in a logical place.

Resizable Text

Text should be resizable so users can enlarge or shrink it to suit their needs. In most cases, this means that text should not be contained in graphics, which are not resizable by the user. Furthermore, graphics that contain text must be recreated in the alt tag or long description element of the graphic.

Web Accessibility

  • Web Accessibility Home
  • Accessible PDF Documents
  • Accessible Word Documents
  • Best Practices
  • Laws and Regulations
  • Level Access
  • Modern Campus Accessibility
  • Tutorials and Training Materials
  • Web Accessibility Standards
  • Web Evaluation Tools
  • Web Scanning Procedures
`Runners on the Rise!
CSU Bakersfield FacebookCSU Bakersfield TwitterCSU Bakersfield InstagramCSU Bakersfield YouTubeCSU Bakersfield Flickr
CSU Bakersfield
California State University, Bakersfield
9001 Stockdale Highway
Bakersfield, CA 93311
(661) 654-CSUB
  • Apply
  • Visit
  • Contact

  • Accessibility
  • Annual Security Report
  • Budget Central
  • Campus Directory
  • Campus Forms
  • Careers
  • DMCA/Copyright
  • Emergency Info
  • Immigration Enforcement
  • Library
  • Maps
  • Master Plan
  • Plan an Event
  • Policies
  • Privacy
  • Report a Website Issue
  • Safety Plan
  • Sitemap
  • Strategic Plan
  • Students with Dependents
  • Sustainability
  • Title IX
  • University Police

©California State University, Bakersfield

Adobe Reader | Microsoft Viewers

We use cookies to make your website experience better. To learn about how we keep your information safe, view our Privacy Policy.
Privacy Policy