Correct accessibility header issues in admin dashboard

Chad Lavimoniererequested to merge
20250221-clavimoniere-518121-admin-headers into master

What does this MR do and why?

  • make it possible to use a different semantic element for the title of a single stat card so that headers can be inserted into them
  • prevent badge count from being included in header text for instance overview cards

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

(No visual change)

Before After
gdk.test_3443_admin__1_ gdk.test_3443_admin
Screenshot_2025-02-21_at_17.24.28 Screenshot_2025-02-21_at_17.25.14
Screenshot_2025-02-21_at_17.28.16 Screenshot_2025-02-21_at_17.27.16

How to set up and validate locally

  1. Check out this branch
  2. Visit the admin dashboard in the GDK
  3. use devtools to inspect the small header texts inside the stat cards in the License overview section. Each will be rendered as an H3 element
  4. use devtools to inspect the badge counts on the cards in the Instance overview section. Each of the badges will have aria-hidden="true" applied to it, so that screen readers will only read the fixed text of the header.

Merge request reports