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.

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

min-target-size voor min-block-size / min-inline-size #2049

Open
21 tasks
Robbert opened this issue Dec 1, 2023 · 0 comments
Open
21 tasks

min-target-size voor min-block-size / min-inline-size #2049

Robbert opened this issue Dec 1, 2023 · 0 comments

Comments

@Robbert
Copy link
Member

Robbert commented Dec 1, 2023

  • Accordion
    • utrecht-accordion__button
      • min-block-size token met var(--utrecht-target-min-size)
      • min-inline-size hardcoded var(--utrecht-target-min-size, 24px)
      • AAA styling werkt met --utrecht-target-min-size: 44px
  • Links
    • uitzoeken hoe je inline links min 24px meetbaar kunt maken
    • links in button groups min-inline-size van 24 te maken
  • Radio button
    • utrecht-radio-button
      • min-size token met var(--utrecht-target-min-size, 24px)
      • AAA styling werkt met --utrecht-target-min-size: 44px 😭 44px
      • grote radio button ziet echt niet mooi uit! Liever een onzichtbare grotere clickable ara

--
TLDR;

  • alle targets op beide assen minimaal 24px
  • onzichtbare clickable area van 44px voor sommige components:
    • radio button
    • checkbox button
    • form toggle button
  • uitzoeken wat te doen voor AAA 44px form label (Jeffrey zegt: als iets anders op de pagina 44px groot is, de form control in dit geval, dan hoeft de label niet AAA target size te hebben om aan AAA te voldoen)
  • impact uitzoeken van radio-button-option en checkbox-option 44px hoog te maken, en geen lege niet clickable area er tussen options te hebben om veilig te scrollen
  • idee: voor AAA gewoon de font-size groter maken?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant