Skip to content

[Accessiblity] Click target sizes #145

Description

@ErroneousBosch

By WCAG Success Criterion 2.5.8, non-inline click targets must be a minimum of 24x24px, which some elements do not meet. Notably:

  • Default Semantic Details > Summary elements are normal line height (21px)
    • Proposal: add padding: .1rem 0px; and margin: -.1rem 0px; css rules to take click target to 25.19px with minimal visual difference.
    • Button version does not have this issue
  • Semantic Modal close button (Dialog > Article > Header > Button) is 1rem (18px)
    • Proposal: increase to 1.5rem (27px) width and height.

You also have a small contrast issue with your menu dividers, and some other site-specific issues with the Blades website, but these two were built into the CSS. I'd recommend doing some baseline A11y checking of your content.

If I find other accessibility issues, I will create issues.

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions