diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx index d1a894f9b..a769206e9 100644 --- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx @@ -19,7 +19,7 @@ const Arbeidsforhold = () => { ikon={arbeidsforholdikon} href={href} tittel="Arbeidsforhold" - aria-label="Arbeidsforhold. Se arbeidsforhold rapportert til Arbeidsgiver- og arbeidstakerregisteret (Aa-registeret)" + aria-label={`Arbeidsforhold, ${antallArbeidsforhold > 0 ? antallArbeidsforhold : 'Ingen'} arbeidsforhold (aktive og avsluttede). Se arbeidsforhold rapportert til Arbeidsgiver- og arbeidstakerregisteret (Aa-registeret)`} >
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx index f31459cc4..34326fa5a 100644 --- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx @@ -20,8 +20,8 @@ const Arbeidsplassen = () => { aria-label={ 'Rekruttere på arbeidsplassen.no, ' + (antallAnnonser > 0 - ? `Stillingsannonser ( ${antallAnnonser} aktive)` - : 'Lag ny stillingsannonse') + ? `${antallAnnonser} Stillingsannonser aktive` + : 'Lag en stillingsannonse') } > {antallAnnonser > 0 ? ( diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" index f8d3875d5..0ef729856 100644 --- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" +++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" @@ -14,21 +14,7 @@ const ForebyggeFravR = () => { return orgnr === '' ? '' : `?bedrift=${orgnr}`; }; - return ( - - - - ); -}; - -const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.'; - -const Beskrivelse = () => { + const sykefravær = useSykefravær(); const statistikktype = (type: string) => { switch (type) { case 'NÆRING': @@ -39,21 +25,30 @@ const Beskrivelse = () => { } }; - const sykefravær = useSykefravær(); + const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.'; + const aria_label = sykefravær !== undefined ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.` : beskrivelse; - if (sykefravær !== undefined) { - return ( - - {sykefravær.prosent.toString()} % - <> - {' '} - legemeldt sykefravær i din {statistikktype(sykefravær.type)}. Lag en plan for å - redusere fraværet.{' '} - - - ); - } - return {beskrivelse}; + return ( + + {sykefravær !== undefined ? ( + + {sykefravær.prosent.toString()} % + <> + {' '} + legemeldt sykefravær i din {statistikktype(sykefravær.type)}. Lag en plan + for å redusere fraværet.{' '} + + + ) : ( + {beskrivelse} + )} + + ); }; export default ForebyggeFravR; diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx index 8acdc300d..eb91dda75 100644 --- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx @@ -20,7 +20,7 @@ const Kandidatlister = () => { ikon={ikon} href={href} tittel="Kandidater til dine stillinger" - aria-label="Kandidater til dine stillinger. Se CV til personer NAV har sendt deg." + aria-label={`Kandidater til dine stillinger (${antallKandidater} kandidater). Se CV til personer NAV har sendt deg.`} >
diff --git a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx index cc1c8dd29..3ef9fb7f6 100644 --- a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx @@ -14,7 +14,7 @@ const Sykmeldte = () => { ikon={syfoikon} href={url} tittel="Sykmeldte" - aria-label="Se sykmeldte du har ansvar for å følge opp" + aria-label={`Sykemeldte, ${antallSykmeldte} ${antallSykmeldte === 1 ? 'sykmeldt' : 'sykmeldte'}. Se sykmeldte du har ansvar for å følge opp`} > {antallSykmeldte == 0 ? null : ( <> diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx index a35c8258a..336b89567 100644 --- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx @@ -45,15 +45,18 @@ const TiltakAvtaler = () => { : []; }); + const aria_label = + 'Avtaler om Tiltak.' + + displayorder.flatMap((avtaletype) => { + const antall = avtaler[avtaletype]; + return antall > 0 ? ` ${antall} ${displayname[avtaletype]}` : ''; + }); return (
{tallElems.length > 0 ? ( diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx index ee8f8287c..47d6bdc3f 100644 --- a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx +++ b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx @@ -17,12 +17,17 @@ const TiltakRefusjoner = () => { const klareForInnsending = valgtOrganisasjon.refusjonstatus['KLAR_FOR_INNSENDING']; + const aria_label = klareForInnsending === undefined ? + "Søk og se refusjon for lønnstilskudd og sommerjobb" : + `${klareForInnsending} refusjoner klare for innsending.` + " Søk og se refusjon" + + console.log(aria_label) return ( {klareForInnsending === undefined ? null : ( <>