bug: Fix inconsistent page use of semantic HTML elements - Githubissues

WomenCodingCommunity / WomenCodingCommunity.github.io

https://womencodingcommunity.com

MIT License

8 stars 21 forks source link

bug: Fix inconsistent page use of semantic HTML elements #200

Closed lilyndk closed 3 weeks ago

lilyndk commented 3 weeks ago

Bug Report

Describe the bug

Prominent vertical page section due to inconsistent page html
Accessibility-wise, inconsistent use of semantic HTML elements can make it problematic for screen readers and other assistive technologies to properly interpret the content.
Accessibility-wise, main content skip link is missing

To Reproduce

E.g. when inspecting the HTML, many 'section' wrappers in About Us page is using
instead of
element
Compare e.g. spacing on About Us on WCC code of conduct pages:

Screenshot 2024-05-10 at 13 52 50

Reproducibility

[ ] The bug is reproducible consistently.
[X] The bug is sporadic or occurs randomly.

Impact

[ ] The bug affects critical functionality.
[X] The bug affects minor functionality.
[ ] The bug is a cosmetic issue.

Proposed Solution (optional)

Fix pages to have a more consistent and semantic HTML structure throughout the site, i.e. use appropriate elements like section, article, header, footer, etc., according to their intended semantic meaning.