You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>
We richten de rotonde bij de Bouhuijstunnel opnieuw in en maken het veiliger. We passen ook het fiets- en voetpad aan. De rotonde bij de Bouhuijstunnel verbindt de Korte Muiderweg, de Stationsweg en de Leeuwenveldseweg met elkaar.
</p>
Acceptatiecriteria
Samenvatting: de Paragraph component in Community bij Amsterdan voldoet aan de acceptatiecriteria voor toegankelijkheid van het NL Design System.
Toegankelijkheid algemeen
Gebruik het p-element voor paragraaftekst.
WCAG 1.3.1 Info en relaties
Oordeel: Voldoet.
Als een paragraaftekst in een andere taal is dan de taal van de pagina, dan heeft het element een lang-attribuut met de juiste taalcode
WCAG 3.1.2 Taal van onderdelen
Oordeel: Niet van toepassing, contextafhankelijk.
Toegankelijkheid visueel ontwerp
De contrastverhouding van de tekstkleur van de paragraaf met de achtergrondkleur is hoog genoeg.
WCAG 1.4.3 Contrast (minimum)
Kleurcontrast normaal: 21 voor #000000 / #ffffff
Kleurcontrast inverse: 8.99 voor #ffffff / #004699
Oordeel: Voldoet.
Toegankelijkheid zoom en herschalen
Als je de paragraaftekst vergroot tot 200% blijft deze in zijn geheel zichtbaar.
WCAG 1.4.4 Herschalen van tekst
Oordeel: Voldoet.
Als je de hele webpagina inzoomt tot 400% blijft de paragraaftekst leesbaar
WCAG 1.4.10 Reflow
Oordeel: Niet van toepassing, contextafhankelijk.
Als je de tekstafstand vergroot blijft de tekst in zijn geheel zichtbaar
WCAG 1.4.12 Tekstafstand
Oordeel: Voldoet.
Er is een verschil tussen de wijze aanpak voor de verschillende weergaves van de paragraph tussen Utrecht en Amsterdam.
Amsterdam past de weergave van Large Text, Small text en Inverse Colour aan via CSS, Utrecht voegt voor Lead en Small Print ook de elementen <b> of <small> toe.
Amsterdam gebruikt de UK spelling voor Colour, in het NLDS gebruiken we de Amerikaanse speling Color.
Hebben we hier beleid in?
The text was updated successfully, but these errors were encountered:
Review toegankelijkheid voor de Paragraph component in Community bij Amsterdam
Hoe te testen
Ga naar de te reviewen component in StoryBook
Review toegankelijkheid door Rian op 25 november 2024
Gereviewd Paragraph in StoryBook Amsterdam
HTML basisvorbeeld:
Acceptatiecriteria
Samenvatting: de Paragraph component in Community bij Amsterdan voldoet aan de acceptatiecriteria voor toegankelijkheid van het NL Design System.
Toegankelijkheid algemeen
WCAG 1.3.1 Info en relaties
Oordeel: Voldoet.
WCAG 3.1.2 Taal van onderdelen
Oordeel: Niet van toepassing, contextafhankelijk.
Toegankelijkheid visueel ontwerp
WCAG 1.4.3 Contrast (minimum)
Kleurcontrast normaal: 21 voor
#000000
/#ffffff
Kleurcontrast inverse: 8.99 voor
#ffffff
/#004699
Oordeel: Voldoet.
Toegankelijkheid zoom en herschalen
WCAG 1.4.4 Herschalen van tekst
Oordeel: Voldoet.
WCAG 1.4.10 Reflow
Oordeel: Niet van toepassing, contextafhankelijk.
WCAG 1.4.12 Tekstafstand
Oordeel: Voldoet.
Opmerkingen
Er staan relevante WCAG Rules bij de Paragraph Docs van Amsterdam die afwijken van de NLDS acceptatiecriteria.
Inhoud bij Amsterdam gelijktrekken of linken naar https://nldesignsystem.nl/paragraph/.
Er is een verschil tussen de wijze aanpak voor de verschillende weergaves van de paragraph tussen Utrecht en Amsterdam.
Amsterdam past de weergave van Large Text, Small text en Inverse Colour aan via CSS, Utrecht voegt voor Lead en Small Print ook de elementen
<b>
of<small>
toe.Amsterdam gebruikt de UK spelling voor
Colour
, in het NLDS gebruiken we de Amerikaanse spelingColor
.Hebben we hier beleid in?
The text was updated successfully, but these errors were encountered: