Karriereside: Tilgængelighed og WCAG

Denne artikel handler om nogle af de måder, hvorpå Emply karrieresider opfylder WCAG-standarder.

Alt-attribut for ikke-tekstbaseret indhold

Der er tekstbaserede alternativer til alt ikke-tekstbaseret indhold, der kan tilpasses brugerens behov. Dette kan gøres via editoren eller gennem HTML-editoren.
Standardikoner, der ikke kan ændres af brugeren, kodes med alt-tekst.

Information og relation

Sider kan navigeres ved hjælp af tastatur, og fokus følger en logisk sti til navigation og pop-ups.

Identificering af input

Inputfelter kan genkendes og erklæres som sådan - for eksempel i login-boksen.

Kontrast

Kontraster gør det lettere for folk at skelne teksten fra baggrunden, hvilket gør den mere læsbar for personer med synshandicap. Standardkontrasten i karrieresideelementerne er bygget til at have den nødvendige kontrast. Dette kan dog ikke garanteres for websteder, der har tilpasset CSS. Yderligere tilpasning kan ske gennem editoren og HTML-kode, hvis det er nødvendigt.

Fokus

Rækkefølgen, hvori pop-ups og modale bokse vises, er logisk, og voice over-softwaren læser vinduet i fokus snarere end baggrundssiden.

Sprog

Sidesprog er erklæret.

Åbne positioner element

Dropdown-element: det er muligt at navigere i elementet ved hjælp af tastaturet.
Søgefelt: Søgefeltet erklæres som sådan.

Afsendelse af en ansøgning

Obligatorisk tegn: Det obligatoriske tegn * i formularen erklæres som påkrævet og kan læses med voice over.
Fejlmeddelelser om markøreren: Fejlmeddelelser, der vises ved musepekeren, har områdeattributter og kan læses ved hjælp af voice over.

Jobagent-element

Visuelle etiketter til felter: Jobagentrelaterede standardfelter har visuelle etiketter, der gør det lettere at bruge voice over i elementet.
Dropdown-element: Det er muligt at navigere i elementet ved hjælp af tastaturet.
Frekvensvalg: Frekvenselementet har attributter, der sikrer, at den valgte indstilling erklæres.
Fejlmeddelelser om markøreren: Fejlmeddelelser, der vises ved hover, har aria-attributter og kan læses ved voice over.

Brugerprofil

Visuel etiket til felter: Jobagenterrelaterede standardfelter har visuelle etiketter, der gør det lettere at bruge voice over i elementet
Obligatorisk tegn: Det obligatoriske tegn * i formularen erklæres som påkrævet og kan læses med voice over.

WCAG alternativ tekst og logo i layoutet

Overhold WCAG-retningslinjerne (Web Content Accessibility Guideline) for at maksimere dit karrieresides tilgængelighed for en bredere gruppe af besøgende på dit websted, især de synshandicapede.

1. Gå til Karriereside i hovedmenuen.
Klik på tandhjul-ikonet for at få adgang til indstillinger.
Udfold Layout og klik på blyant-ikonet for at redigere.
Hold musen over det foretrukne layout så blyant-ikonet vises.
Fold HTML <body> ud.
Her vises teksten i formatteret HTML.

Bemærk

Linje 6 kan redigeres for at indtaste den komponent på dit websted, du ønsker at være mere tilgængelig for synshandicappede. Formatet skal være alt=component.

Bemærk

Dette eksempel bruger =Logo i HTML-teksten. Nu læser skærmlæseren ordet højt, hvilket gør webstedet lettere at få adgang til for personer med synshandicap.