UCSB

Checklist

The following checklist provides a summary of the information provided throughout the web guide. This can be used when developing a website to ensure that the website has met all of the recommendations outlined in the guide. To view the corresponding web guide section for each area of the checklist, click each section's header.

Cross-Browser Compatibility

  • Ensure that your website works in the browsers used by 90% of your visitors

Favicons and Touch Icons

  • Provide favicons and touch icons

Graphic Identity

  • Clearly identify your website as a UCSB-affiliated website
  • Offer generic alternatives when specifying fonts

Viewport Dimensions

  • Design websites for display adapters capable of at least 1024 x 768 pixels screen resolution

CSS

  • Ensure that your page's markup has a logical, semantic structure without styling
  • Use shorthand properties
  • Always use external stylesheets
  • Don't use !important
  • Don't use @import in plain CSS
  • Avoid browser-specific hacks
  • Give selectors semantically meaningful names
  • Alphabetize properties in rules (except for vendor prefixes)
  • List vendor prefixes directly before their W3C form
  • Include copyright statement
  • Include UCSB Terms of Use statement
  • If you collect personal information from visitors, include the UCSB Privacy Policy statement
  • Include statement about alternative, accessible content
  • Include a contact link
  • Include the HTML5 doctype
  • Specify the document language (lang) attribute
  • Specify UTF-8 as the character encoding
  • Include a document title
  • Include a document description
  • Include a print stylesheet
  • If applicable, include IE-specific stylesheets
  • If applicable, include styling for users without JavaScript enabled

HTML

  • Use semantically-appropriate markup
  • Minimize markup
  • Validate markup with the W3C Validator
  • Avoid iframes
  • Never use frames
  • Use descriptive link text
  • Don't use tables for layout
  • Use table-related elements for tabular data appropriately
  • Provide a meaningful "alt" attribute for every image

Resources

  • Include JavaScript files right before the closing body tag
  • Leverage content delivery networks (CDNs)
  • Minify CSS and JavaScript files

E-mail Addresses

  • Use contact forms or e-mail aliases instead of e-mail addresses

Web Security

  • Ensure that your website is built with secure development practices

URLs

  • Use "friendly" URLs
  • Use persistent URLs

Search Engine Optimization

  • Include a robots.txt file in your site's root directory
  • Include a sitemap.xml file in your site's root directory

Web Accessibility

  • Ensure that your website meets the WCAG 2.0 Level AA Success criteria for accessiblity