Diverse styling issues #31

New issue

Open

opened 2026-05-07 13:52:12 +00:00 by jos · 0 comments

jos commented

2026-05-07 13:52:12 +00:00

Een paar styling issues:

Bij dark mode: kleurcontrast van de witte tekst op roze achtergrond in de top navigation bar is te laag, in ieder geval voor WCAG AA (gerelateerd aan #10).
Op mobile / smal scherm: hover en active states van de menu toggle zijn wat vreemd (zowel op dark mode als light mode), zie bijgevoegde screenshots.
Op de Explore-pagina: radio buttons van de filters zijn niet verticaal aligned met tekst.
Op de organisatie-pagina (voorbeeld):
- Logo is vreemd gealigned met de organisatie-naam, beter verticaal centeren.
- repositories in de tab is met een kleine letter r geschreven.
Footer taal selector (element met class ui dropdown upward language): als je een element role="menu" geeft, moet die children met role="menuitem", of menuitemcheckbox, of menuitemradio hebben. Zie https://www.w3.org/TR/wai-aria-1.2/#mustContain ("For example, a menu should have at least one instance of a menuitem, menuitemcheckbox, or menuitemradio").

Een paar styling issues: - Bij dark mode: kleurcontrast van de witte tekst op roze achtergrond in de top navigation bar is te laag, in ieder geval voor WCAG AA (gerelateerd aan https://code.overheid.nl/MinBZK/Codeplatform/issues/10). - Op mobile / smal scherm: `hover` en `active` states van de menu toggle zijn wat vreemd (zowel op dark mode als light mode), zie bijgevoegde screenshots. - Op de [Explore-pagina](https://code.overheid.nl/explore/repos): radio buttons van de filters zijn niet verticaal aligned met tekst. - Op de organisatie-pagina ([voorbeeld](https://code.overheid.nl/GemUtrecht/-/projects)): - Logo is vreemd gealigned met de organisatie-naam, beter verticaal centeren. - `repositories` in de tab is met een kleine letter `r` geschreven. - Footer taal selector (element met class `ui dropdown upward language`): als je een element `role="menu"` geeft, moet die children met `role="menuitem"`, of `menuitemcheckbox`, of `menuitemradio` hebben. Zie https://www.w3.org/TR/wai-aria-1.2/#mustContain ("For example, a menu should have at least one instance of a menuitem, menuitemcheckbox, or menuitemradio").

Screenshot 2026-05-01 at 18.49.18.png

5.3 KiB

Screenshot 2026-05-01 at 18.57.55.png

72 KiB

Screenshot 2026-05-01 at 18.49.13.png

5.4 KiB

Screenshot 2026-05-01 at 18.59.15.png

74 KiB