Best Practices


 






Use Subheads in the Editor Widget

Who can use this feature?

system_admin.png Slash.png Owner.png Slash.png Publisher.png Slash.png Author.png

 

 

Overview

According to WebAIM and WCAG, Subheads are important not only for sighted users but also for web visitors using assistive technology.

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 accessibility 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.

subheads.png

How to Use the Heading Dropdown

  1. Navigate to your page
  2. Ensure Live Edit Is On
    Live_Edit_Is_On.png
  3. Click into your editor text
    click_into_editor.png
    • Note: If needed, add an Editor text to your page
  4. In your editor, create the text you want to be a header or view your existing text
    Step_1.PNG
  5. Highlight the text with your mouse
    Step_2.PNG
  6. Select a Heading class
    Step_3.PNG
  7. View your heading 
    view_heading.PNG
  8. Click the Green Checkmark to escape the editor box
    green_checkmark.png
  9. Save your page
    Save_page.png



I'd Like to Request an Enhancement

0 out of 1 found this helpful

Updated:
Follow

Article Feedback