Difference between revisions of "Utilizing Headings"

From Help Wiki
 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 
{{TwoColumn|lead=
 
{{TwoColumn|lead=
How and why to use headings in Canvas.
+
How and why to use headings in Canvas and WordPress.
 
|content=
 
|content=
Headings help to add structure and meaning to pages by organizing content into sections and indicating the relative importance of those sections. Assistive technologies and some browsers provide mechanisms to present a list of headings that allows the user to jump to individual headings, as well as establishing the importance of the content that is categorized under the heading.
+
Headings help to add structure and meaning to pages by organizing content into sections and indicating the relative importance of those sections. Assistive technologies and some browsers provide mechanisms to present a list of headings that allows the user to jump to a specific heading (or section of content), as well as establish the importance of the content that is categorized under the heading.
 +
 
 
===Canvas utilizes 4 levels of headings===
 
===Canvas utilizes 4 levels of headings===
  
Line 19: Line 20:
  
  
The title of the page is styled under '''Header 1.'''  
+
The title of the page is automatically styled by Canvas under '''Header 1.'''  
  
 
An Accessible page utilizes the levels of headings to establish the reading order of the content.
 
An Accessible page utilizes the levels of headings to establish the reading order of the content.
Line 25: Line 26:
 
   
 
   
  
===How to use headings in Canvas===
+
====How to use headings in Canvas====
When in edit mode, highlight text and select a Heading from the Paragraph drop-down menu in the Rich Content Editor.
+
When in edit mode, highlight text and select a Heading from the '''Paragraph drop-down menu''' in the '''Rich Content Editor'''.
  
 
A Canvas page title uses '''Heading 1'''. There should be only one h1 per page but there can be multiple '''h2, h3, h4. DO NOT skip main heading levels''' and apply consistently throughout the page.
 
A Canvas page title uses '''Heading 1'''. There should be only one h1 per page but there can be multiple '''h2, h3, h4. DO NOT skip main heading levels''' and apply consistently throughout the page.
Line 32: Line 33:
 
'''Examples: Heading 2''' is great for headlines, '''Heading 3''' is good for separating sections of content, and '''Heading 4''' can be used for sub-sections or general sections of content.   
 
'''Examples: Heading 2''' is great for headlines, '''Heading 3''' is good for separating sections of content, and '''Heading 4''' can be used for sub-sections or general sections of content.   
  
 +
 +
 +
===Wordpress utilizes 6 levels of headings===
 +
 +
==Heading 2==
 +
 +
===Heading 3===
 +
 +
====Heading 4====
 +
 +
=====Heading 5=====
 +
 +
======Heading 6======
 +
 +
And
 +
 +
'''Paragraph'''
 +
 +
 +
====How to use Headings in Wordpress====
 +
Using headings within '''WordPress''' is similar to using headings in '''Canvas'''
 +
When in edit mode, highlight text and select a Heading from the '''Paragraph drop-down menu'''
 +
 +
 +
The page title uses '''Heading 1'''. There should be only one h1 per page but there can be multiple '''h2, h3, h4. DO NOT skip main heading levels''' and apply consistently throughout the page.
 +
 +
 +
'''Examples: Heading 2''' is great for headlines, '''Heading 3''' is good for separating sections of content, and '''Heading 4''' can be used for sub-sections or general sections of content. 
  
 
[[File:YirI3sJAzm9rPj5M.jpeg|600px|left|thumbnail]]
 
[[File:YirI3sJAzm9rPj5M.jpeg|600px|left|thumbnail]]
 
|sidebar=
 
|sidebar=
====Accessibility Reasorces====
+
====Accessibility Resources====
 
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
 
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
 
*[[Accessibility_Help|Accessibility Help Page ]]
 
*[[Accessibility_Help|Accessibility Help Page ]]
Line 42: Line 71:
 
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 
*[[Optical_Character_Recognition|Optical Character Recognition]]
 
*[[Optical_Character_Recognition|Optical Character Recognition]]
====Creating Accessible Content====
 
*[[Accessible_Word_Documents|Accessible Word Documents]]
 
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
 
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
 
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
 
*[[Accessible_Video|Accessible Video]]
 
*[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
 
*[[Accessible_WordPress_Pages|Accessible WordPress Pages ]]
 
*[[Accessibility_Within_Canvas_Checklist|Accessibility Within Canvas Checklist]]
 
*[[Learn_more_about_Accessibiliity_and_Inclusive_Design|Learn more about Accessibiliity and Inclusive Design]]
 
 
====Canvas Accessiblility Checklist====
 
====Canvas Accessiblility Checklist====
*[[Utilizing_Headings_Within_Canvas|Utilizing Headings Within Canvas]]
+
*[[Accessibility_Checklist|Accessibility Checklist]]
*[[Inadequate_Color_Contrast_Within_Canvas|Inadequate Color Contrast Within Canvas]]
+
*[[Utilizing_Headings|Utilizing Headings ]]
*[[Utilizing_Descriptive_Text_Within_Canvas|Utilizing Descriptive Text Within Canvas]]
+
*[[Inadequate_Color_Contrast|Inadequate Color Contrast]]
 +
*[[Utilizing_Descriptive_Text|Utilizing Descriptive Text]]
 
*[[Proper_List_Format| Proper List Format]]
 
*[[Proper_List_Format| Proper List Format]]
*[[Alt_Text_and_Captioning_Within_Canvas|Alt Text and Captioning Within Canvas]]
+
*[[Alt_Text_and_Captioning|Alt Text and Captioning ]]
 
*[[Accessible_Video|Accessible Video]]
 
*[[Accessible_Video|Accessible Video]]
 
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
 
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
Line 63: Line 83:
 
{{GetHelp}}
 
{{GetHelp}}
 
}}
 
}}
 +
[[Category:Accessibility]]

Latest revision as of 19:01, 17 November 2023


How and why to use headings in Canvas and WordPress.

Headings help to add structure and meaning to pages by organizing content into sections and indicating the relative importance of those sections. Assistive technologies and some browsers provide mechanisms to present a list of headings that allows the user to jump to a specific heading (or section of content), as well as establish the importance of the content that is categorized under the heading.

Canvas utilizes 4 levels of headings

Header 2

Header 3

Header 4

Paragraph


The title of the page is automatically styled by Canvas under Header 1.

An Accessible page utilizes the levels of headings to establish the reading order of the content.


How to use headings in Canvas

When in edit mode, highlight text and select a Heading from the Paragraph drop-down menu in the Rich Content Editor.

A Canvas page title uses Heading 1. There should be only one h1 per page but there can be multiple h2, h3, h4. DO NOT skip main heading levels and apply consistently throughout the page.

Examples: Heading 2 is great for headlines, Heading 3 is good for separating sections of content, and Heading 4 can be used for sub-sections or general sections of content.


Wordpress utilizes 6 levels of headings

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

And

Paragraph


How to use Headings in Wordpress

Using headings within WordPress is similar to using headings in Canvas When in edit mode, highlight text and select a Heading from the Paragraph drop-down menu


The page title uses Heading 1. There should be only one h1 per page but there can be multiple h2, h3, h4. DO NOT skip main heading levels and apply consistently throughout the page.


Examples: Heading 2 is great for headlines, Heading 3 is good for separating sections of content, and Heading 4 can be used for sub-sections or general sections of content.

YirI3sJAzm9rPj5M.jpeg