search

umbraco / Umbraco-CMS.Accessibility.Issues

6 stars 1 forks source link

Package details - Skipped heading level(s) #59

Closed umbrabot closed 1 year ago

umbrabot commented 2 years ago

Steps to replicate:

  1. Navigate to 'Packages' section
  2. Open a package (e.g. Umbraco forms)
  3. Skipped heading level - H1 to H3 (no H2)
<h1 class="umb-panel-header-name" id="editor-headline-158" ng-if="nameLocked" title=""> Packages </h1>
<h3> Intuitive </h3>

Issue: Heading hierarchy: Headings should have a clear hierarchy with nested headings

Why it matters: Headings provide document structure and facilitate keyboard navigation by users of assistive technology. These users may be confused or experience difficulty navigating when heading levels are skipped.

How to fix: Restructure the document headings to ensure that heading levels are not skipped.

W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html Note: this is not a direct violation of the WCAG but should be addressed for accessibility