techishiring-website icon indicating copy to clipboard operation
techishiring-website copied to clipboard

[BUG]: A11Y: Heading level on About page skips from h1 to h4

Open dgodongm opened this issue 1 year ago • 1 comments

Heading level on About page skips from h1 to h4.

Expected Behavior

Heading levels should only increase by one

Current Behavior

Heading level goes from h1 to next one being h4

Possible Solution

At a high-level, components should allow heading level to be set dynamically based on context they're used in. And a better default would probably a h2, rather than h4.

Steps to Reproduce

  1. Navigate to About page (http://localhost:3000/about when running locally)
  2. Run axe DevTools or HeadingsMap browser add-ons (or just inspect page)

Screenshot of highlighted issue: Screenshot 2023-10-02 at 4 50 10 PM

dgodongm avatar Oct 02 '23 23:10 dgodongm

I can work on this

ShavonHarris-Dev avatar Oct 04 '23 03:10 ShavonHarris-Dev