search

nl-design-system / documentatie

Website met documentatie van NL Design system: componenten, patronen, richtlijnen etcetera. Development-versie: https://documentatie.vercel.app/
https://www.nldesignsystem.nl/
European Union Public License 1.2
11 stars 13 forks source link

Maak codevoorbeelden scrollbaar met toetsenbord #1725

Open hidde opened 4 days ago

hidde commented 4 days ago

De component geeft een Axe DevTools foutmelding: "Ensure elements that have scrollable content are accessible by keyboard." Geen idee waarom, want je kunt er gewoon bij.

(uit de a11y audit van @rianrietveld en @hidde)

gaat om codevoorbeelden binnen richtlijnen, bv zoals op deze preview.

hidde commented 4 days ago

Kan worden opgelost door tabindex="0" op de <pre> elementen te zetten, dat doen we in #1726

MarjonBakker commented 3 days ago

@hidde @Robbert Ik wil dit toch graag nog aangepast zien, zie mijn opmerking: https://github.com/nl-design-system/documentatie/pull/1726#issuecomment-2485182187

hidde commented 3 days ago

Yep, helemaal goed! Pr staat al klaar in https://github.com/nl-design-system/documentatie/pull/1735