Bug: ServiceDetail and IndustryDetail have multiple h1 tags #107

New Issue

Closed

opened 2026-05-17 21:18:36 -05:00 by null · 0 comments

null commented

2026-05-17 21:18:36 -05:00

Owner

Problem

ServiceDetail.jsx and IndustryDetail.jsx both have 2 h1 tags each:

One in the not-found state (Service Not Found / Industry Not Found)
One in the found state (service.name / industry.name)

While only one renders at a time, this is technically a conditional h1 issue. More importantly, neither page has a clear visual hierarchy when it IS found. The h1 is just the service/industry name with no subheading.

Fix

The not-found state should use h2 instead of h1 (with a visually-larger style class)
Ensure each page renders exactly one h1 when content is found

Files

src/pages/ServiceDetail.jsx - line 20
src/pages/IndustryDetail.jsx - line 20

Severity

Low - conditional rendering means only one h1 renders at a time, but semantically the not-found state should not use h1

## Problem ServiceDetail.jsx and IndustryDetail.jsx both have 2 h1 tags each: - One in the not-found state (Service Not Found / Industry Not Found) - One in the found state (service.name / industry.name) While only one renders at a time, this is technically a conditional h1 issue. More importantly, neither page has a clear visual hierarchy when it IS found. The h1 is just the service/industry name with no subheading. ## Fix - The not-found state should use h2 instead of h1 (with a visually-larger style class) - Ensure each page renders exactly one h1 when content is found ## Files - src/pages/ServiceDetail.jsx - line 20 - src/pages/IndustryDetail.jsx - line 20 ## Severity Low - conditional rendering means only one h1 renders at a time, but semantically the not-found state should not use h1