Website Review Checklist

Access the Virtual Preview

To begin the website review process you must access the virtual preview in OU Campus. Open your webpage in OU Campus as you normally would. When you are either in Edit Mode or Preview Mode, you will find a new tab called "PREVIEW" in the upper right hand corner (see screenshot below). Select this tab to enter the preview mode. From there you can preview your content as it will look after the website update. Make modifications following the checklist and suggestions below.

 OU Preview Tab

 


Website Checklist

Most of the changes that impact OU Campus users are to text content.

  • Text wrapping
  • Inconsistent heading styling
  • Inconsistent heading sizing
  • Proper heading structure
  • Capitalization and inconsistent title casing

This checklist identifies those changes and outlines how to fix any issues that may arise. If you encounter any difficulties or have any questions on issues beyond those outlined on this checklist, please contact Web Services for assistance.

You may also refer to the project overview for additional background information and view a sample site for a working prototype.

Text Wrapping

Text wrapping is automated based on the width and size of the font. If any line breaks were inserted manually, the new text size will cause any manual line breaks to interfere with normal text wrapping. 

  • Text wrapping can be fixed by highlighting the text-wrapped space between the lines of text and hitting 'backspace' or 'delete'.


Inconsistent Heading Styling

Previously, heading styles were inconsistent between different headings. Because of their unique appearance, Heading 3 and Heading 4 were commonly misused as body text or used out of order. All custom formatting, coloring and spacing, have been removed. The only differentiation between headings now is size.

  • Heading size issues can be fixed by following the proper heading structure: H2 > H3 > H4 etc.
  • Large blocks of text should not be headings. The "Format" dropdown menu in the OU Campus editor has a "paragraph" option that should be applied to body text.



Inconsistent Heading Sizing

With new consistent and hierarchical sizing, headings should be used in appropriate order from H2 (most important) through H6 (least important). Heading levels should not be skipped, do not go directly from H2 to H4. Heading sizes were previously the same as or very close to the size of the body text. Headings 1 through 4 are now larger than body text, Heading 1 is twice as large and Heading 4 is approximately 15% larger. 




Proper Heading Structure

Once again, it is important to use proper heading structure. The new heading sizes help align the visual appearance of headings with their intended structural purpose. Heading 1 is reserved for the page title and should not be used anywhere else on the page. The highest level heading in the body content should be Heading 2, with lower level headings used to organize content down the page, similar to the use of Roman numerals, letters and numbers in a traditional outline format.




Capitalization and Inconsistent Title Casing

Heading 3 was originally formatted in all caps, regardless of whether or not the text itself was capitalized. All caps styling has been removed, but some headings may need to be reviewed to make sure they are consistent and follow SJSU Writing Guidelines.

Headings should appear in title case. In title case,

  • Capitalize the first word of the title/heading and of any subtitle/subheading;
  • Capitalize all “major” words (nouns, verbs, adjectives, adverbs, and pronouns) in the title/heading, including the second part of hyphenated major words (e.g., Self-Report not Self-report); and
  • Capitalize all words of four letters or more.
  • Use lowercase only for “minor” words of three letters or fewer, namely, for conjunctions (words like andornor, and but), articles (the words aan, and the), and prepositions (words like asatbyforinofonper, and to), as long as they aren’t the first word in a title or subtitle.

 

Slideshow Captions

Font size increases will also be applied to the title and captions found on slides in the slideshow on top level pages and subsites. These areas appear on the blue band below the image on the slide.

To preview how the new captions will display, open the page in OU Campus. Find and click the Preview button that appears in the top left corner of the Edit screen. Then find and click the Preview tab that appears on the top right of the Edit screen. You can now rotate through your slides and check caption length. Use the Edit button to access the caption in the WYSIWYG editor.

New Slide Caption



To Recap

  • Text wrapping
    • Text wrapping can be fixed by highlighting the text-wrapped space between the lines of text and hitting 'backspace' or 'delete'.
  • Heading problems
    • Heading size issues can be fixed by following the proper heading structure: H2 > H3 > H4 etc.
    • Large blocks of text should not be headings. The "Format" dropdown menu in the OU Campus editor has a "paragraph" option that should be applied to body text.
  • Capitalization and inconsistent title casing