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

Keyboard accessibility #13

Closed
Crazy-Unicooorn opened this issue Oct 27, 2023 · 2 comments
Closed

Keyboard accessibility #13

Crazy-Unicooorn opened this issue Oct 27, 2023 · 2 comments
Labels
bug Something isn't working

Comments

@Crazy-Unicooorn
Copy link
Owner

  • Buttons are selectable twice
  • Every page of the worldmap is selectable and should'nt be
@Crazy-Unicooorn Crazy-Unicooorn added the bug Something isn't working label Oct 27, 2023
@Crazy-Unicooorn
Copy link
Owner Author

  1. is only when there is a link, so the solution is probably to put selection none on the link thing

@Crazy-Unicooorn
Copy link
Owner Author

Make page of worldmap unselectable:

  useEffect(() => {
    if (mapRef.current) {
      const links = mapRef.current.querySelectorAll("a");
      links.forEach((link) => {
        // eslint-disable-next-line no-param-reassign
        link.tabIndex = -1;
      });
    }
  }, []);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant