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

Change introduced <a> controls to use <button> #488

Merged
merged 6 commits into from
Jul 20, 2021
Merged

Change introduced <a> controls to use <button> #488

merged 6 commits into from
Jul 20, 2021

Conversation

Malvoz
Copy link
Member

@Malvoz Malvoz commented Jul 19, 2021

Fix #473.

This change makes these particular controls operable using both Enter and Space, and screen readers appropriately announce them as button as opposed to link.

Note: It seems that Firefox is using different outline colors for buttons and links (whereas e.g. Chrome uses the same color for both elements), as such, keyboard users may find it strange that different controls have different outline colors (because Leaflet is using <a> elements for controls, to be fixed separately: #19).

@prushforth
Copy link
Member

Nice work, thank you!

@prushforth prushforth merged commit 7c743d7 into Maps4HTML:master Jul 20, 2021
@Malvoz Malvoz deleted the links-to-buttons branch July 20, 2021 15:01
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

Successfully merging this pull request may close these issues.

Change <a role="button"> controls to <button type="button">
2 participants