search

umbraco / Umbraco-CMS.Accessibility.Issues

6 stars 1 forks source link

Dashboard bold text - Text that looks like a heading must be coded as a heading #32

Open umbrabot opened 2 years ago

umbrabot commented 2 years ago

Steps to replicate:

  1. Access the main dashboard
  2. Identify the bold text that appears to break up sections of the page
  3. Bold text coded as paragraph text

Issue: No missing headings: Text that looks like a heading must be coded as a heading

Why it matters: People with good vision can quickly scan a page to identify headings based solely on their appearance, such as large or bold font, preceding white space, or indentation. Users of assistive technologies can't find headings that aren't properly coded.

How to fix: Re-implement using a heading tag. (You could add role="heading" to a different element, but the first rule of ARIA is to use native HTML elements where possible, instead of repurposing an element by adding ARIA.)

W3 reference: https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html

tiffy74 commented 2 years ago

Similar to #42 and #44 so will check this at the same time (turns out not so similar afterall as this is referring to the dashboard title on the welcome title which is editor / user content controlled)

tiffy74 commented 2 years ago

Similar to #10 - this is to do with the html + css that is written externally and piped in via UmbracoAPI - therefore putting on hold