Suggestion Report

Avoid using styles for document structure.

Why Is This Important?

As has been stated previously, headings are used to navigate through documents. If headings are created by making the font large and/or bold, then students who rely on text-to-speech or screen reader programs will not be able to equally experience the document. Additionally, if headings are created by stylizing text, then students who like to generate outlines for studying will have to manually create their outlines.

Cause Of Result

To get this result, you need to have a line or paragraph that is completely in bold font.

Examples

Incorrect Examples

This is a faux heading

This non-heading is text that has been bolded.

Correct Example

This is a heading

This heading was stylized to appear similar to the original.

In the mobile app, the Hide and Show Code Links are obsolete. We couldn't hide them without removing them from the web browser view.

Hide Code
Show Code

Incorrect Examples Code

<p><strong>This is a faux heading</strong></p>
<p>[body text]</p>
<p style="font-weight: bold;">This is another faux heading</p>
<p>[body text]</p>n

Correct Example Code

<h4 style="font-size: medium;"><strong>This is a heading</strong></h4>
<p>[body text]</p>
<h4 style="font-weight: bold; font-size: medium;">This is another heading</h4>
<p>[body text]</p>

False Results

This UDOIT result can cause false positives and false negatives.

False Positives - If the bold line (or paragraph, though we discourage having that much text in bold) is purely for emphasis and is not a heading, then this UDOIT result can be ignored.
False Negatives - If you created headings by just enlarging the title text, UDOIT will not recognize this as a potential title. As such, please be sure to manually check your pages to make sure that all faux headings are fixed.

How To Fix It

In order to fix this issue, it's important to first understand heading levels and how to use them. There are six levels available on the web (more are available for printed documents), and the level you apply should not be based on appearance:

Heading 1 (<h1></h1>) - This level is reserved for page headings.
- If you copied content from a Word document, you may need to verify that additional Heading 1s have not been added to the page.
Heading 2 (<h2></h2>) - This level should be the first level you use on a Canvas page and for any additional headings that cover the main topics of this page.
Heading 3 (<h3></h3>) - This level should be used for each of the sub-topic in a main topic. As such, Heading 3s must appear beneath level 2 or other level 3 headings.
Heading 4 (<h4></h4>) - This level should be used for each of the sub-sub-topic in a sub-topic. As such, Heading 4s must appear beneath level 3 or other level 4 headings.
Heading 5 (<h5></h5>) - This level should be used for each of the sub-sub-sub-topic in a sub-sub-topic. As such, Heading 5s must appear beneath level 4 or other level 5 headings.
Heading 6 (<h6></h6>) - This level should be used for each of the sub-sub-sub-sub-topic in a sub-sub-sub-topic. As such, Heading 6s must appear beneath level 5 or other level 6 headings.

U Fix It! Button
In Rich Content Editor
In HTML Editor

There is no U FIX IT! button, for this result. Please use the Rich Content Editor or HTML Editor to address this issue.

Return to Top of Tabbed Panel

To fix the issue with the Rich Content Editor, start by clicking the page title above this UDOIT result to navigate to the page where the error resides and opening the page in editing mode. Once there, place the typing cursor (blinking line) where the section title is located, click the Paragraph drop menu on the bottom right of the Rich Content Editor toolbar, and click the appropriate heading level.

Return to Top of Tabbed Panel

This issue is best addressed in the Rich Content Editor. However, if you find that you cannot construct the document without a fifth or sixth heading level, here is how you can add them.

First, in the Rich Content Editor, put "H5" at the beginning of the heading that you want to be level 5, and put "H6" at the beginning of any headings that you want on the sixth level. Next, click the HTML Editor link in the upper right. Use Ctrl/⌘ + F and search for H5 or H6. Once found, replace the <p>, <div>, <h2>, <h3>, or <h4>, tags with either <h5> or <h6>. Don't forget to change the closing tag too.

Return to Top of Tabbed Panel

Related Result Pages

Errors
- Headings should contain text*
Suggestions

Consider adding headings*

Related Standards

Last Updated January 2017.
Clemson Online