fatimahilali / the-client-website

Ontwerp en maak een website voor een opdrachtgever en bespreek het resultaat tijdens de Sprint Review
https://fatimahilali.github.io/the-client-website/
MIT License
0 stars 0 forks source link

Contrast opdracht issue #82

Open fatimahilali opened 6 days ago

fatimahilali commented 6 days ago
  1. Donatie Tekst (Lichtrode tekst)

Probleem: De tekst die gebruikt wordt voor de donatie-informatie is lichtrood op een waarschijnlijk lichte achtergrond, wat een laag contrast oplevert.

Beschrijving: Deze tekst heeft een te lage contrastverhouding tussen de rode tekst en de achtergrond, wat de leesbaarheid vermindert, vooral voor mensen met visuele beperkingen.

Testresultaten: Volgens de WCAG-normen moet deze tekst een minimumcontrastverhouding van 4.5:1 hebben voor AA-niveau toegankelijkheid.

Verbetering: Verhoog de contrastverhouding door de rode kleur donkerder te maken of een donkerdere achtergrond te kiezen. Een diepere tint rood of een witte achtergrond kan de leesbaarheid aanzienlijk verbeteren.

  1. Donatie Knoppen

Probleem: De tekst op de donatieknoppen heeft een zeer laag contrast met de achtergrond van de knoppen.

Beschrijving: De tekst op de donatieknoppen moet goed zichtbaar zijn, maar door het lage contrast kan het moeilijk leesbaar zijn voor gebruikers.

Testresultaten: Volgens de WCAG-richtlijnen moet deze knoptekst ook voldoen aan de AA-normen met een contrastverhouding van minstens 4.5:1.

Verbetering: Overweeg de tekstkleur te veranderen naar een donkerdere tint of de kleur van de knoppen te veranderen zodat er een beter contrast ontstaat.

  1. Probleem: De datumtekst in de container heeft onvoldoende contrast met de achtergrondkleur.

Beschrijving: De datum die in de container wordt weergegeven heeft een contrastprobleem, wat de zichtbaarheid van de tekst vermindert.

Testresultaten: Het contrast is waarschijnlijk lager dan de vereiste 4.5:1 voor normale tekst. Dit is problematisch voor gebruikers die moeite hebben om kleine of zwak gekleurde tekst te lezen.

Verbetering: Verhoog de leesbaarheid door ofwel de achtergrondkleur donkerder te maken, of door de tekstkleur te veranderen naar iets donkerders (bijvoorbeeld donkergrijs of zwart).

  1. Tekst van de fotograaf (Van degene die de foto heeft gemaakt)

Probleem: De naam van de fotograaf of bron heeft een zeer laag contrast met de achtergrond, waardoor het moeilijk te lezen is.

Beschrijving:Deze tekst is belangrijk voor erkenning, maar door het lage contrast is het moeilijk om te zien en te lezen

Testresultaten: Deze tekst moet ook voldoen aan de AA-normen, maar heeft momenteel een contrastverhouding die lager is dan de aanbevolen waarde.

Verbetering: Verander de tekstkleur naar een donkerdere tint, of maak de achtergrondkleur lichter voor een betere zichtbaarheid.

  1. Binnenland Tekst

Probleem: De tekst onder het kopje "Binnenland" heeft onvoldoende contrast met de achtergrondkleur.

Beschrijving: Dit is een inhoudelijke sectie op de website, maar door het lage contrast kan de tekst moeilijk te lezen zijn, vooral voor gebruikers met visuele beperkingen.

Testresultaten: Ook deze tekst moet een contrastverhouding hebben van ten minste 4.5:1 om te voldoen aan de WCAG AA-normen.

Verbetering: Overweeg een donkerdere tekstkleur voor betere leesbaarheid, of pas de achtergrond aan om meer contrast te bieden.

Samenvatting Voor elk van de bovenstaande elementen is het belangrijk om het kleurcontrast te verhogen door de tekstkleur donkerder te maken of de achtergrondkleur aan te passen. Dit zal de toegankelijkheid voor een breed scala aan gebruikers verbeteren, vooral voor mensen met kleurenblindheid, slechtziendheid of die de website onder slechte lichtomstandigheden bekijken.