Bruk aria-labels på meldinger (#521)

navikt · Dec 4, 2023 · 98e27c3 · 98e27c3
1 parent c410a64
commit 98e27c3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/view/melding/Melding.tsx b/src/view/melding/Melding.tsx
@@ -40,7 +40,7 @@ export function Melding(props: Props) {
     const avatarBgColor = erFraSegSelv ? 'rgba(181, 241, 255, 1)' : 'rgba(255, 255, 255, 1)';
 
     return (
-        <div className="mt-4">
+        <div className="mt-4" role="row">
             <BodyShort className="hidden">{accessibleText(erBruker, erMeldingFraBruker)}</BodyShort>
             <Chat
                 timestamp={toppTekst}

diff --git a/src/view/melding/Meldinger.tsx b/src/view/melding/Meldinger.tsx
@@ -52,6 +52,7 @@ export function Meldinger(props: Props) {
             className="grow bg-gray-100 px-4 flex xl:justify-center"
             ref={meldingListRef}
             tabIndex={0}
+            role="grid"
         >
             <div className="grow xl:w-full xl:max-w-248 flex flex-col justify-end">
                 <Heading level="3" size={'medium'} className="hidden">