Sections are generally able to have their own heading. If you have more than 6 sections in the content area of your page, you should 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.

When to use Headings

Headings should only be used to mark logical sections of page content. They should not be used to apply a look or style to a piece of text.

Heading 1

It is best practice to use only one Heading 1 per page. Heading 1 should not be used in the content of any page since it is already used in the template.

Heading 2

Every page should have a page title before any other content. This should be a Heading 2.

There should not be any extra space above or below the heading.

Heading Order is important

You can use as many Headings 2-6 as you would like on a page. Be careful not to skip a heading as you outline your content.

H2, H3, H4, H2 is a proper heading order. H2, H4, H3, H2 is not.

Header Styles

Headings should always be text. Images should not be used for headings. This will make it easier to maintain consistency down the road as the website evolves and needs to be redesigned.

Do not use colons after headings.

Headings should always be left aligned.

Color

• Background colors and text must have enough contrast. WebAIM.org provides a nice contrast checking tool you can use.
• If you are using OmniUpdate, most text will have the appropriate color applied automatically. If you do need to add a specific 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.

Alignment

Avoid centering text, especially headings.

• Centered text is not easily scannable by readers because the left edge of the text is jagged.
• It tends to 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 against the rest. 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 i.e. data that can be arranged in columns and rows which have 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

This navigation must be present on all UND pages that are hosted on UND.edu. The global navigation is managed by the Division of University & Public Affairs. Please contact Tim DeBolt, director of eMarketing & Communications, to request changes to the global navigation.

---

Breadcrumbs: Current level

• This navigation is automatically generated and shows the path of the page currently being viewed.

---

Section: Second level (academic templates only)

• Section navigation is only available for academic pages.
• Dropdown menus are available for section navigation.

---

Local: Second level (non-academic)or third level (academic)

• Items text should be brief; preferably one to two words.
• Long lists of links should be avoided here. Use logical groupings whenever possible.

---

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

• The preferred place for this would be the local footer.

---

Social: Social media icons

• The preferred place for this would be 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 an aside (usually on the right).