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

dropdowns in apps built with gradio are not accessible for screenreaders #10532

Open
1 task done
VIPPotato opened this issue Feb 6, 2025 · 0 comments
Open
1 task done
Labels
bug Something isn't working svelte Frontend-related issue (JS)

Comments

@VIPPotato
Copy link

Describe the bug

All apps built with gradio I've used so far have this issue. When using a screenreader such as nvda:
https://www.nvaccess.org/
There is an issue which makes it unable for blind or visually impaired screenreader users to choose something from dropdowns in gradio UI.
The list is being presented as an editable field, so a place where the user should input text. When pressing up and down arrows to change the value, the screenreader only announces the current default value, while below a list appears which can't be focused with the keyboard or the screenreader can't see it.
This makes blind people like me unable to select anything from lists like voice models in applio or even the interface language, same with other gradio powered apps like audiocraft plus, whisper UI etc.

Have you searched existing issues? 🔎

  • I have searched and found no existing issues

Reproduction

        model_file = gr.Dropdown(
            label=i18n("Voice Model"),
            info=i18n("Select the voice model to use for the conversion."),
            choices=sorted(names, key=lambda x: extract_model_and_epoch(x)),
            interactive=True,
            value=default_weight,
            allow_custom_value=True,
        )

Screenshot

No response

Logs

System Info

Gradio 5.5.0 with gradio client 1.4.2

Severity

Blocking usage of gradio

@VIPPotato VIPPotato added the bug Something isn't working label Feb 6, 2025
@abidlabs abidlabs added the svelte Frontend-related issue (JS) label Feb 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working svelte Frontend-related issue (JS)
Projects
None yet
Development

No branches or pull requests

2 participants