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

Accordion touch targets are too close together for touch users #2608

Closed
christopherthomasdesign opened this issue Apr 29, 2022 · 0 comments · Fixed by #2640
Closed

Accordion touch targets are too close together for touch users #2608

christopherthomasdesign opened this issue Apr 29, 2022 · 0 comments · Fixed by #2640

Comments

@christopherthomasdesign
Copy link
Member

Related component

Accordion – raised by a user on Slack.

Context

On accordions, the open section background sits very very close to the first link in the list. This might be a usability issue because there isn't much space between the two touch targets.

Screenshot 2022-04-29 at 12 15 12

Alternatives

To fix it we could:

  • add a margin to the bottom of the section
  • add some padding to the top of the first link
  • something else?

Additional information (if applicable)

N/A

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging a pull request may close this issue.

3 participants