Some HTML elements were replaced for alternatives that more closely relate to the content presented. e.g. <main> instead of <section>
The structure of the heading levels was corrected according to the recommendations. To preserve their current styles, bootstrap classes from the former heading levels are used, e.g. <h2 className="h3">.
Some font colors were replaced with alternatives that are similar to the current ones but offer better contrast ratios, as recommended for users with sight difficulties.
A hidden "Skip navigation" link is added for better access through the keyboard.
The oaf-react-router dependency is added for better management of the focus and announcement to users that access through assistive technologies.
aria-label is used where needed for better screen reader support.
This PR contains some accessibility fixes:
<main>instead of<section><h2 className="h3">.oaf-react-routerdependency is added for better management of the focus and announcement to users that access through assistive technologies.aria-labelis used where needed for better screen reader support.Changes available at https://inspiring-kare-4847b5.netlify.com/