️ Forbedrer semantikk ved å legge til Heading1 og aria-label på svg

This commit is contained in:
Sindre Kjelsrud 2023-08-04 12:10:42 +02:00
parent ebd9e0105b
commit f303081d4e

View file

@ -1,6 +1,6 @@
import KortKonteiner from "./components/KortKonteiner"; import KortKonteiner from "./components/KortKonteiner";
import "@navikt/ds-css"; import "@navikt/ds-css";
import { Button, Search } from "@navikt/ds-react"; import { Button, Heading, Search } from "@navikt/ds-react";
import Header from "./components/Header"; import Header from "./components/Header";
import { PlusIcon } from "@navikt/aksel-icons"; import { PlusIcon } from "@navikt/aksel-icons";
import Filtermeny from "./components/Filtermeny"; import Filtermeny from "./components/Filtermeny";
@ -56,6 +56,7 @@ export default function Home() {
<div className="flex grow"> <div className="flex grow">
<Filtermeny/> <Filtermeny/>
<div className="grow bg-bg-subtle px-32 py-8 flex flex-col gap-10"> <div className="grow bg-bg-subtle px-32 py-8 flex flex-col gap-10">
<Heading level="1" size="xlarge">Innmeldte feil</Heading>
<div className="flex gap-12 items-end"> <div className="flex gap-12 items-end">
<Search <Search
label="Søkefelt" label="Søkefelt"
@ -65,7 +66,7 @@ export default function Home() {
/> />
<Button <Button
className="w-64 h-min" className="w-64 h-min"
icon={<PlusIcon/>} icon={<PlusIcon aria-label="PlusIcon"/>}
onClick={() => navigate("nyfeil")} onClick={() => navigate("nyfeil")}
> >
Meld inn feil Meld inn feil