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

Make the extension usable by screen readers #11

Open
julien-deramond opened this issue Oct 5, 2024 · 0 comments
Open

Make the extension usable by screen readers #11

julien-deramond opened this issue Oct 5, 2024 · 0 comments
Labels
help wanted Extra attention is needed study

Comments

@julien-deramond
Copy link
Owner

julien-deramond commented Oct 5, 2024

Description

Right now, the extension will detect the deprecated classes, and inject some CSS to highlight these classes; something like:

.bootstrap-browser-extension-bs-4 {
  & .ml-md-auto {
    &::before {
      color: #000;
      background-color: rgb(189, 127, 127);
      padding: 2px;
      border: 2px solid black;
      z-index: 10000;
      content: '.ml-md-auto';
}

However, it doesn't allow screen readers to use the extension.

Maybe we could also inject a screen-reader-only span (equivalent to .sr-only/.visually-hidden Bootstrap classes, or something like this) in the DOM to detect the deprecated classes. Let's study if there's a way to do it.

@julien-deramond julien-deramond added help wanted Extra attention is needed study labels Oct 5, 2024
@julien-deramond julien-deramond changed the title Make the extension accessible Make the extension usable by screen readers Oct 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed study
Projects
None yet
Development

No branches or pull requests

1 participant