Naarmate de belangstelling voor webtoegankelijkheid toeneemt, hebben we tools ontwikkeld om toegankelijkheidsbeoordelingen "gemakkelijker en duidelijker" te maken bij het leveren van onze dienstverlening op het gebied van toegankelijkheidsbeoordelingen.
Als eerste stap in dit initiatief is de Chrome-extensie "Area Contrast Checker" uitgebracht.
Achtergrond van de ontwikkeling
Er bestaan drie hoofdtypen conventionele contrastcontroleapparaten, elk met hun eigen voor- en nadelen.
- Automatisch scantype
Hoewel deze methode efficiënt is omdat ze mechanisch gegevens van de hele pagina extraheert, heeft ze als nadeel dat ze gevoelig is voor valse positieven en gemiste detecties wanneer de achtergrond een afbeelding of kleurovergang is. - Pipettype (oogdruppelaar)
Hoewel het de kleur nauwkeurig kan meten zoals die zich voordoet, is het nadeel dat elk afzonderlijk gebied handmatig moet worden geëxtraheerd, wat de werkdruk verhoogt. - Elementspecifiek type
Hoewel het gemakkelijk te gebruiken is omdat het direct verwijst naar HTML/CSS-informatie, kan het geen afbeeldingen inspecteren en legt het mogelijk niet de werkelijke weergavestatus vast, zoals overlapping van elementen en transparantie.
Een compleet nieuwe vierde benadering
Met Area Contrast Checker hebben we een compleet nieuwe vierde aanpak ontwikkeld.
Selecteer het gebied dat u wilt onderzoeken door er een kader omheen te slepen. De software analyseert de pixels binnen dat gebied en detecteert automatisch twee kleuren: de achtergrondkleur en de voorgrondkleur. Omdat het zich richt op het "scherm zelf" dat de gebruiker daadwerkelijk ziet, kan het afbeeldingen inspecteren ongeacht overlappende elementen.
Je kunt eenvoudig onderzoek doen door het gebied waarin je geïnteresseerd bent te verslepen.
Belangrijkste kenmerken
▪️WCAG 2.1 / 2.2 zijn geschikt voor beoordeling
Op basis van succescriteria 1.4.3, 1.4.6 en 1.4.11 worden de contrastverhoudingen van normale tekst (AA: 4,5:1, AAA: 7:1), grote tekst (AA: 3:1, AAA: 4,5:1) en UI-componenten (AA: 3:1) geëvalueerd.
▪️ Voldoet aan de APCA-standaard van de volgende generatie
Deze software ondersteunt de nieuwe contraststandaard "APCA (Accessible Perceptual Contrast Algorithm)", die momenteel wordt overwogen in het WCAG 3.0-ontwerp. Het toont direct de maximale lettergrootte (Lc-waarde) waarmee de software compatibel is.
▪️Kleursuggesties die de tint behouden
Als de contrastverhouding onvoldoende is, zal het systeem een benaderende kleur voorstellen die aan de norm voldoet, terwijl de tint van de oorspronkelijke kleur behouden blijft.
▪️Geavanceerde functies voor professionals
Ondersteunt de kleurformaten HEX, RGB en HSL.
- Als u de automatische detectieresultaten wilt verfijnen, kunt u met de pixelkiezer één voor één opnieuw pixels selecteren.
- Ondersteunt twee talen: Japans en Engels
Download Area Contrast Checker hier
Bij Liberogic streven we ernaar om toegankelijkheid tot een standaardkwaliteit te maken, maar een iets dat speciale aandacht vereist.
Deze tool bevat alle "zou het niet geweldig zijn als..."-functies die we zijn tegengekomen bij webontwikkeling en toegankelijkheidsbeoordelingen. We zijn van plan om in de toekomst meer tools uit te brengen om toegankelijkheid nog toegankelijker en soepeler te maken. Houd ze in de gaten.
