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.

select_headings_from_the_drop-down.jpg

How to Use the Heading Dropdown

  1. Navigate to your page
  2. Ensure Live Edit Is On
    ensure_that_live_edit_is_on.jpg
  3. Click into your editor text
    click_into_editor_widget_text.jpg
    • Note: If needed, add Editor text to your page
  4. In your editor, create the text you want to be a header or view your existing text
    create_the_text_to_be_a_header.jpg
  5. Highlight the text with your mouse
    highlight_the_header_text.jpg
  6. Select a Heading class
    select_a_heading_class_for_the_header.jpg
  7. View your heading 
    view_the_header.jpg
  8. Click the Green Checkmark to close the editor box
    select_the_green_checkmark_to_close_editor_tools.jpg
  9. Save your page
    select_save_to_save_page.jpg



I'd Like to Request an Enhancement

0 out of 1 found this helpful

Updated:
Follow

Article Feedback