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

Enhancement: SVG separators/borders should not be visible to assistive technologies #641

Open
nicolasgalvez opened this issue Jan 4, 2025 · 0 comments

Comments

@nicolasgalvez
Copy link

nicolasgalvez commented Jan 4, 2025

Hi folks,

Adding an aria-hidden tag to the kt-row-layout-* svg elements would meet WCAG 1.1.1

I was working on a site where the element .kt-row-sep-type-waves svg failed validation. "This svg element is purely decorative, but without properly hiding this component, some assistive technologies may treat the SVG as content that requires a description."

I tested this in VoiceOver on Chrome, and the image was picked up by the screen reader when using the right and left arrow keys. I don't think there is a downside to adding an aria-hidden tag to the separator SVGs, it seems like an easy fix so I'll make a PR.

Thanks for the awesome theme and plugin!

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