search

umbraco / Umbraco-CMS.Accessibility.Issues

6 stars 1 forks source link

Packages - Skipped heading level(s) #51

Closed umbrabot closed 1 year ago

umbrabot commented 2 years ago

Skipped heading level

Steps to replicate:

  1. Navigate to 'Packages' section
  2. Skipped heading levels - H1 to H4 (no H2 or H3)
<h1 class="umb-panel-header-name" id="editor-headline-390" ng-if="nameLocked" title=""> Packages </h1>
<h4> <strong> Popular </strong> </h4>

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

KarlButler1 commented 1 year ago

I've created a PR to resolve this issue here: https://github.com/umbraco/Umbraco-CMS/pull/13087

BatJan commented 1 year ago

Moved to "Ready for Review"