Expanding Support for Accessible HTML 5 Section Elements

Idea created by Destin Hubble on Feb 20, 2020
    On Beta
    Score4
    • Rob Ditto
    • Lyndsae Benton
    • Carrie Muir
    • Christopher Phillips

    Certain HTML 5 elements are extremely useful for navigating with a screen reader. These include, but are not limited to, the following elements:

    • article
    • section
    • nav
    • aside
    • header
    • footer
    • figure
    • figcaption
    • main
    • time
    • mark

    When comparing the whitelist of HTML canvas elements to the above list, only the "mark" element is found as allowed when creating Canvas pages. The most important element on the above list is the aside element because it allows the author to indicate to the reader that what is to follow is not part of the main text. This is especially important for screen reader users. Although there are also more specific types of supplementary text, such as <dd> for definitions, at least the aside element could be used to cover the various types of supplementary text.

     

    See the following for a great list of HTML 5 elements: 

    HTML elements reference - HTML: Hypertext Markup Language | MDN 

    See the following for a great list of elements that have been checked for accessibility across screen reading software:

    https://www.html5accessibility.com/ 

     

    UPDATE: Thanks Edward Schiebel for the info! The whitelist is being updated on February 26th to include the elements I requested.

     

    This idea has been developed and is On Canvas Beta How do I access the Canvas beta environment?

    For details, please read through the Canvas Deploy Notes (2020-02-26)