DevTools-tips: Ontdek en corrigeer tekst met laag contrast
Stay organized with collections
Save and categorize content based on your preferences.
Tekst met laag contrast is het grootste toegankelijkheidsprobleem op internet. In februari 2022 had 83,9% van de top miljoen homepages dit probleem. Bekijk het WebAIM Million 2022-rapport voor meer informatie.
Met Chrome DevTools kunt u alle contrastproblemen in één oogopslag ontdekken en met één klik op de knop oplossen.
Bekijk de video om te leren hoe u:
Bekijk de contrastverhoudingen in de knopinfo van de infovenstermodus en de aanbevolen verhoudingswaarden in de Kleurkiezer .
Selecteer in de Kleurkiezer voorgestelde kleuren of kies een kleur onder de contrastverhoudingslijnen om te voldoen aan de WebAIM-richtlijnen .
Ontdek alle contrastproblemen in de panelen CSS-overzicht en (preview) problemen .
Emuleer zichttekortkomingen om te begrijpen hoe uw pagina er voor al uw gebruikers uitziet.
Voor een meer praktische leerervaring, zie de tutorial Maak uw website leesbaarder .
Voor meer informatie, zie:
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2022-10-19 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-10-19 UTC."],[],[],null,[]]
