Components

Test auto populate form

Name

First Last

Membership Level

FirstSecondThird

Scheduled Publish

add test text here for schedule

The image above is an optional header image/video that can be used on any standard page. This is a great way to show off a program or area. I wouldn’t recommend using these when the content is the most important thing a student wants from a page (ex. financial aid).

General Usage (Header 3 should be the largest heading that you use on your page)

The WYSIWYG Block is often the first building block in the content region of a page, but it doesn’t have to be. It’s possible to have more than one WYSIWYG block per page which makes it possible to break up long texts into two or more content areas with other more visual building blocks in between. A varied content layout is easier for your readers to scan and parse. 

Be careful when pasting content from word processing applications (e.g. Microsoft Word). The resulting text can be formatted in unexpected ways. If you do paste in from outside, paste with Ctrl+Shift+V for windows and this will paste the plain text. You will have to redo the hyperlinks, but it will keep unwanted styling from being pasted in with the text.

Inline Links

Hyperlinks can be added to words or phrases for when you need to link out to something within paragraph text. They appear bold faced in the copy, as shown here, using the color defined in your website’s style guide. See our web help page for more resources and best practices. View our website editor how to guides.

Headers

Headers help break up the page into logical priority and hierarchy. As such, they should always follow the sequence. Header 1 is designated for the page title and appears at the top of each page. Header 3 and below are to be used for organizing body copy.

ACCESSIBILITY NOTE

To ensure you are creating accessible content when formatting text in the WYSIWYG Block, be sure to follow WCAG headline use guidelines.

Be sure to follow best practices when naming files, using alt text, and creating transcripts. WCAG 2.0 guidelines require the inclusion of descriptive alt text for images and transcripts for videos. When captioning videos, write descriptions that summarize the most compelling and important points contained within the video to encourage users to view the item.

Bulleted and numbered lists

• Bulleted (unordered) lists are great for breaking up long paragraphs
• that mention many items broken up by commas,
• or anytime you have a number of
  • equally important items within a particular category

1. Numbered (ordered) lists
   1. are great for breaking up sequences of information
      1. in a process,
2. such as application steps.

Tables

Tables can contain as many rows as you like though you should limit the number of columns to 4 if possible (though more will still work, they will horizontally scroll). The alternating row coloring will happen automatically. A table title is optional.