General Guidelines for OU Websites
Most of UND's websites are in OmniUpdate (OU), UND's content management system.
Used for administrative or outreach departments.
Used for colleges, schools, and other academic programs.
Organization and Faculty
Used for student organizations, conferences, and faculty. See the Template Guide
- All of the templates have UND wide "global" navigation and the same footer.
- Academic templates have an additional "section" navigation (orange bar) and the global navigation can be hidden.
- Organization and faculty templates have a simplified global navigation (thin black header).
Strong preference should be shown towards templates with "local" navigation.
Sections are generally able to have their own heading. If you have more than six sections on your page, consider breaking it into multiple pages or using one of the "content organization" snippets. This may not apply to long text pages meant for reading, such as an article.
- Heading 1 should not be used in the content of any page since it is already used in the template.
- Every page should start with a Heading 2.
- Do not include extra space above or below the heading.
- Write headings in title case.
- Heading order should follow an outline.
- Good: H2, H3, H4, H2
- Bad: H2, H4, H3, H2
- Use headings to mark logical sections of page content. Do not use headings to apply a look or style to text.
- Headings should always be text, not images.
- Do not use colons ":" after headings.
- Headings should always be left aligned.
- Background colors and text must have enough contrast. WebAIM.org provides a nice contrast checking tool.
- If you are using OmniUpdate, most text will have the appropriate color applied automatically. If you add color, please choose from the recommended UND Web colors.
- Color should not be used on text to apply emphasis. Use the strong (bold) or emphasis (italic) options instead.
Avoid centering text, especially headings.
- Centered text is not easily scannable by readers because the left edge of the text is jagged.
- Centering make a page look more chaotic, busy, and cluttered because there are more lines for the eye to follow.
If you do align text, use the options in the styles dropdown menu.
Bolding and Emphasis
Too much bolding on a page defeats the purpose of making text stand out. It is rare that a whole paragraph or sentence should be bolded. It is generally meant to emphasize single words or brief phrases.
HTML tables should only be used for tabular data such as data that can be arranged in columns and rows with headings.
In general, tables will not make sense unless the borders separating the cells are visible. The UND template automatically styles tables.
Global: First/Top Level
Global navigation must be present on all pages hosted on UND.edu. The global navigation is managed by the Division of University & Public Affairs. Please contact Tera Buckley, Interim Web Strategy Director, 701.777.4941 , to request changes to the global navigation.
Breadcrumbs: Current Level
Breadcrumbs are automatically generated and show the path of the page being viewed.
Section: Second Level (Academic Templates Only)
Dropdown menus are available for section navigation.
Local: Second Level (Non-Academic Templates) or Third Level (Academic Templates)
Navigation text should be brief; preferably one to two words.
Avoid long lists. Use logical groupings when possible.
Expandable menus start with a heading that is not clickable.
Sub-Local: Third or Fourth Level
Sometimes an additional level of navigation is required.
The secondary navigation snippet should be used and placed below the local navigation.
Role Based: Audience/User Centric
Place role based/user centric links in the local footer.
Social: Social Media Icons
Place social media icon links in the local footer.
Interpage: Jump Links
If jump or skip links are needed on a page, a button style navigation should be placed either below the local navigation or in separate column/section (usually on the right).
Find more information on this term in the Glossary Pages that are part of an und.edu subdomain or an OU “Site”.
Find more information on this term in the Glossary Pages that are in a folder or directory within a site.
Find more information on this term in the Glossary