Skip to content

sliderInput control inaccessible for keyboard or screen reader users #2845

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.

Sign up for GitHub

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

Jump to bottom
Open
gtritchie opened this issue Apr 24, 2020 · 2 comments · May be fixed by #3011
Open

sliderInput control inaccessible for keyboard or screen reader users #2845

gtritchie opened this issue Apr 24, 2020 · 2 comments · May be fixed by #3011
Assignees
@cpsievert
Labels
Type: Accessibility

Comments

@gtritchie
Copy link
Member

gtritchie commented Apr 24, 2020 •
edited
Loading

System details

Output of sessionInfo():

R version 3.6.3 (2020-02-29)
Platform: x86_64-apple-darwin15.6.0 (64-bit)
Running under: macOS Catalina 10.15.4

Matrix products: default
BLAS:   /System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libBLAS.dylib
LAPACK: /Library/Frameworks/R.framework/Versions/3.6/Resources/lib/libRlapack.dylib

locale:
[1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8

attached base packages:
[1] stats     graphics  grDevices utils     datasets  methods   base     

other attached packages:
[1] shiny_1.4.0.9002

loaded via a namespace (and not attached):
 [1] Rcpp_1.0.4.6         withr_2.1.2          packrat_0.5.0        digest_0.6.25        later_1.0.0         
 [6] mime_0.9             R6_2.4.1             jsonlite_1.6.1       xtable_1.8-4         magrittr_1.5        
[11] rlang_0.4.5          promises_1.1.0       tools_3.6.3          tinytex_0.22         rsconnect_0.8.16    
[16] httpuv_1.5.2         xfun_0.13            fastmap_1.0.1        compiler_3.6.3       htmltools_0.4.0.9003

Example application or steps to reproduce the problem

Using the default app created by RStudio IDE 1.3.947, but specifically looking at:

            sliderInput("bins",
                        "Number of bins:",
                        min = 1,
                        max = 50,
                        value = 30)

screenshot of sample Shiny App

Describe the problem in detail

Load the page into browser, and try to use the slider via keyboard-only.

The slider control is completely inaccessible. You cannot get focus to it via keyboard (e.g. by Tab key), thus you cannot manipulate it via keyboard. Similarly, it is not annotated in a way that permits screen readers to recognize it as a slider, nor to manipulate it.

This violates numerous WCAG 2.1 level A requirements.
https://www.w3.org/TR/WCAG21/#keyboard-accessible

Expected
@jooyoungseo jooyoungseo self-assigned this May 30, 2020
@jooyoungseo
Copy link

This issue has been being discussed in ion.rangeSlider repo, and I will follow up with the developer.

@jooyoungseo
Copy link

From an accessibility standpoint, I think noUiSlider could be an alternative solution. However, it will take some time for us to tinker around for this binding.

@jooyoungseo jooyoungseo mentioned this issue Aug 14, 2020
Closed
2 tasks
@jooyoungseo jooyoungseo assigned cpsievert and unassigned jooyoungseo Aug 20, 2020
@jooyoungseo jooyoungseo linked a pull request Aug 20, 2020 that will close this issue
Make sliderInput() accessible for keyboard and screen readers #3011
Open
cpsievert added a commit that referenced this issue Aug 20, 2020
@cpsievert
Make sliderInput() accessible for keyboard and screen readers, closes #…
2691bcd 
…2845
@rpc5102 rpc5102 mentioned this issue Oct 20, 2020
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cpsievert cpsievert

Labels
Type: Accessibility
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Make sliderInput() accessible for keyboard and screen readers rstudio/shiny
3 participants
@cpsievert @gtritchie @jooyoungseo