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
@@ -3,15 +3,18 @@
import * as Popover from '@radix-ui/react-popover';
import React from 'react';
import { useLanguage, tString } from '@/intl/client';
import { tcls } from '@/lib/tailwind';
export function AnnotationPopover(props: { children: React.ReactNode; body: React.ReactNode }) {
const { children, body } = props;
const language = useLanguage();
return (
<Popover.Root>
<Popover.Trigger asChild>
<button
aria-label={tString(language, 'annotation_button_label')}
className={tcls(
'decoration-dotted',
'decoration-1',