tpo issueshttps://gitlab.torproject.org/tpo/web/tpo/-/issues2023-12-21T11:35:05Zhttps://gitlab.torproject.org/tpo/web/tpo/-/issues/396don't use `<h*>` tags for styling text2023-12-21T11:35:05ZKezdon't use `<h*>` tags for styling text#336 found some places where `<h4>` and `<h5>` tags were being used to style text. this is contrary to the way those tags should be used, and can cause issues for e.g. [users with screenreaders](https://developer.mozilla.org/en-US/docs/W...#336 found some places where `<h4>` and `<h5>` tags were being used to style text. this is contrary to the way those tags should be used, and can cause issues for e.g. [users with screenreaders](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#navigation) and violates [WCAG 2.4 guidelines (criteria 2.4.6)](https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#guideline_2.4_%E2%80%94_navigable_provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are)
i've closed that ticket, but the issue still exists elsewhere. heading tags are being used for styling (padding, font-size, etc.) and that's breaking the semantics of the page. bootstrap makes this easy to fix by providing the `.h1` through `.h6` classes, which can be used to style an element like a heading, without breaking the page semantics.
we should comb through templates looking for headings that break the page semantics, and fix those