Fix accessibility issues reported by PageSpeed tests (#41)

* Set aria-label on all buttons

* Use a <p> instead of <h4> in footer
This commit is contained in:
Samy Pessé
2023-12-18 12:31:56 +01:00
committed by GitHub
parent 705ea6c997
commit fc68dbdd4e
7 changed files with 24 additions and 4 deletions
+8 -1
View File
@@ -1,9 +1,12 @@
'use client';
import { IconMenu } from '@/components/icons/IconMenu';
import { useLanguage, tString } from '@/intl/client';
import { tcls } from '@/lib/tailwind';
export function HeaderMobileMenu(props: Partial<React.ButtonHTMLAttributes<HTMLButtonElement>>) {
const language = useLanguage();
const toggleNavigation = () => {
if (document.body.classList.contains('navigation-visible')) {
document.body.classList.remove('navigation-visible');
@@ -12,7 +15,11 @@ export function HeaderMobileMenu(props: Partial<React.ButtonHTMLAttributes<HTMLB
}
};
return (
<button {...props} onClick={toggleNavigation}>
<button
{...props}
aria-label={tString(language, 'table_of_contents_button_label')}
onClick={toggleNavigation}
>
<IconMenu
className={tcls(
'w-8',