Fix accessibility issues reported by PageSpeed tests (#41)

* Set aria-label on all buttons

* Use a <p> instead of <h4> in footer

src/components/DocumentView/Annotation/AnnotationPopover.tsx

@@ -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',

src/components/DocumentView/CodeBlock/CopyCodeButton.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 
+import { t, useLanguage } from '@/intl/client';
 import { ClassValue, tcls } from '@/lib/tailwind';
 
 /**
@@ -11,6 +12,7 @@ import { ClassValue, tcls } from '@/lib/tailwind';
 export function CopyCodeButton(props: { codeId: string; style: ClassValue }) {
     const { codeId, style } = props;
 
+    const language = useLanguage();
     const [copied, setCopied] = React.useState(false);
 
     React.useEffect(() => {
@@ -40,7 +42,7 @@ export function CopyCodeButton(props: { codeId: string; style: ClassValue }) {
 
     return (
         <button onClick={onClick} className={tcls(style)}>
-            {copied ? 'Copied!' : 'Copy'}
+            {t(language, copied ? 'code_copied' : 'code_copy')}
         </button>
     );
 }