Sharpoint Headings using ARIA rather than Semnatic Markup

Greg_SW12 21 Reputation points
2020-07-29T12:32:37.377+00:00

Hi there

I hope someone could help answer a point of discussion we have been having internally in regards to one of our internal SharePoint sites that has been created, we have noticed (as we are part of the accessibility forum within our organisation) that the Headings use

<div role="heading" aria-level="1">

rather than <h1>

It would be interesting to know why this approach was taken.
Thank you for your help.

Greg

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,180 questions
Accepted answer
  1. Jerryzy 10,566 Reputation points
    2020-07-30T06:26:36.633+00:00

    This should be difference between SharePoint Online Modern Page and SharePoint Online classic page.

    In SharePoint Online Modern Page/Site, it will use ARIA <div role="heading" aria-level="1">

    In SharePoint Online classic Page/Site, it will use normal Semantic Element <h1> <h2> as headings.

    In Summary, this is by design in SharePoint Online due to the difference of Modern Site.

    0 comments

1 additional answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Manjunath Siddappa 1 Reputation point
    2020-07-29T15:13:10.293+00:00