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

Not displaying the menu by clicking on the formula #3282

Open
saraOrkide opened this issue Sep 9, 2024 · 3 comments
Open

Not displaying the menu by clicking on the formula #3282

saraOrkide opened this issue Sep 9, 2024 · 3 comments

Comments

@saraOrkide
Copy link

Hello, good time
How can I disable the click event on the formula?
mathjax version: 4.0.0-beta.7
Screenshot from 2024-09-09 16-16-59

@dpvc
Copy link
Member

dpvc commented Oct 4, 2024

This is not a menu, it is part of the assistive technology support. Disabling it will make it harder for people with visual disabilities to access your pages. It is easier for sighted users to disable it via the MathJax contextual menu than for visually impaired to enable it if you disable it.

It would be reasonable, however, to disable the display areas (the long bars below the math). To do that, use

MathJax = {
  options: {
    a11y: {
      subtitles: false,
      viewBraille: false
    }
  }
}

as part of your configuration, and add

.MJX_LiveRegion {
  display: none !important;
}
.MJX_LiveRegion_Show {
  display: block !important;
}

to your page's CSS. The CSS won't be necessary after the next release (it is to resolve a bug that will be fixed in the next beta).

@saraOrkide
Copy link
Author

saraOrkide commented Oct 19, 2024

thank you very much
Also added this class to css
mjx-container[jax="CHTML"] :focus { outline: none!important; background-color: transparent!important; }

@dpvc
Copy link
Member

dpvc commented Nov 10, 2024

The CSS that I provided was so that the speech and braille displays (the bars below the math) would be properly hidden when they are disabled by the configuration above. They were not intended to remove the highlighting and background color, which are important, and should be left as is. A focusable item is required to have a visual display when it is focused, and you have removed those. That means people with disabilities who use tabbing to move among the focusable items will not know where they are when a MathJax expression is focused.

It is a mistake to use this CSS, and I would encourage you not to do so.

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

No branches or pull requests

2 participants