Use Subheads in the Editor Widget

Prev Next

According to WebAIM and the Web Content Accessibility Guidelines (WCAG), Subheads are important not only for sighted users but also for web visitors using assistive technology.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Best Practices

  • Headings or Subheads should be short and used to convey meaning and structure.

  • They should be intuitive enough that they provide an outline of the content. This allows for scannability as well as  for those using screenreaders as the code contained within the heading is identified by screen-readers and aids in their navigation of the content page.

  • Use subhead1, subhead2, and bolding in a hierarchical manner.


Editor Headings

In your Editor Widget, you can use the Headings drop-down to select preformatted headings. The Editor has multiple options, ranging from Headline (largest heading) to Subheads 1 and 2.

The Editor widget with the Headings drop-down menu expanded showing Normal, Headlin, Subhead 1, Subhead 2, and Hyperlink options.


Use the Heading Drop-Down Menu

  1. Sign in to your website solution

  2. Navigate to your page

  3. Ensure that Live Edit Is On:

  4. Click into your editor text:An Editor widget, ready to be clicked and edited.

    Note:

    If needed, add Editor text to your page.

  5. In your editor, create the text you want to be a header or view your existing text:An Editor widget, open for editing with a new line added that can be made into a heading.

  6. Highlight the text with your mouse:An expanded Editor widget with a line of text highlighted to be turned into a Heading.

  7. Select a Heading class:An expanded Editor widget with highlighted text and the Heading drop-down menu expanded and highlighted.

  8. View your heading:An expanded Editor widget with the text of a Subhead 1 highlighted.

  9. Click the Done Editing (checkmark) icon located to the right of the editor box to confirm your changes and close the editor box:An expanded Editor Widget with the Done Editing (checkmark) icon highlighted.

  10. Save your page:The Save button in the top right corner of the page.