Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Maak codevoorbeelden scrollbaar met toetsenbord #1725

Open
hidde opened this issue Nov 18, 2024 · 3 comments · Fixed by #1726
Open

Maak codevoorbeelden scrollbaar met toetsenbord #1725

hidde opened this issue Nov 18, 2024 · 3 comments · Fixed by #1726
Assignees
@hidde

Comments

@hidde
Copy link
Member

hidde commented Nov 18, 2024 •
edited
Loading

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 hidde mentioned this issue Nov 18, 2024
Closed
6 tasks
@hidde hidde changed the title De component geeft een Axe DevTools foutmeding: "Ensure elements that have scrollable content are accessible by keyboard." Geen idee waarom, want je kunt er gewoon bij. 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. Nov 18, 2024
@hidde hidde mentioned this issue Nov 18, 2024
Merged
@hidde
Copy link
Member Author

hidde commented Nov 18, 2024

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

@hidde hidde changed the title 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. Maak codevoorbeelden scrollbaar met toetsenbord Nov 18, 2024
@hidde hidde moved this from In Progress to In PR review in Toegankelijkheidheid nldesignsystem.nl Nov 18, 2024
@MarjonBakker MarjonBakker reopened this Nov 19, 2024
@MarjonBakker
Copy link
Contributor

MarjonBakker commented Nov 19, 2024 •
edited
Loading

@hidde @Robbert Ik wil dit toch graag nog aangepast zien, zie mijn opmerking: #1726 (comment)

@hidde
Copy link
Member Author

hidde commented Nov 19, 2024

Yep, helemaal goed! Pr staat al klaar in #1735

@hidde hidde moved this from Todo to Done in Toegankelijkheidheid nldesignsystem.nl Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@hidde hidde

Labels
None yet
Projects
Toegankelijkheidheid nldesignsystem.nl
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Use tabindex 0 on code block component nl-design-system/documentatie
2 participants
@hidde @MarjonBakker