1 2 Previous Next 16 Replies Latest reply on Dec 3, 2019 7:57 AM by Claire Douglas

    What items can I use on a dashboard I want to be accessible?

    Kyle Gupton

      You can use the following items on a dashboard you want to be accessible. All of these items support keyboard navigation and are compatible with assistive technologies like screen reading software.

       

      Dashboard Element

      Tableau Version

      Workbook Tabs

      10.2

      Dashboard Title

      10.2

      View Title

      10.2

      View Caption (when visible)

      10.2

      View Data Page

      10.2

      List Filter

      10.2

      Text Object

      10.2

      Web Page Object

      10.2

      Categorical Legend

      10.2

      Dropdown List Filter

      10.4

      Toolbar

      2018.1

      Image Object

      2018.3

      Button Object

      2018.3

       

      We plan to add to this list over time, but for now if it's not on this list (I'm looking at you Parameters), it's not accessible.

       

      Message was edited by: Kyle Gupton Converted list to a table. Added which Tableau version in which we added accessibility for the element. Updated list to include Image Object and Button Object.

        • 1. Re: What items can I use on a dashboard I want to be accessible?
          Chris McClellan

          Great start, but it really needs to include parameters and tooltips as well.

          • 2. Re: What items can I use on a dashboard I want to be accessible?
            Kyle Gupton

            Thank you for the feedback Chris. Those items are definitely at the top of our list.

             

             

            Kyle

            • 3. Re: What items can I use on a dashboard I want to be accessible?
              Elizabeth Graham

              I would love to see parameters work with keyboard navigation. Not having that functionality causes some serious design limitations/challenges, if the end product needs to be wcag compliant.

              • 4. Re: What items can I use on a dashboard I want to be accessible?
                Kyle Gupton

                Hi Elizabeth -

                 

                Absolutely. It's definitely a big limiter. I'd say that and date filters are the most important gaps to close.

                 

                Kyle

                • 5. Re: What items can I use on a dashboard I want to be accessible?
                  Amar Raol

                  Sheet with Image for Action/Navigation.

                   

                  On my dashboard I have a sheet with an image (Home icon) which I use to navigate to the Home dashboard. I use the Dashboard Action of 'on select' for this functionality.

                  Using keyboard navigation, when my focus is on this sheet (Home icon) and I click 'Enter' key - It will open up the 'View data' popup window.

                  is there a way to achieve the Navigation using keyboard?

                   

                  The reason I need to use a sheet for the Image (instead of the Image object) is because I need to implement data level security. I have to show the Home Icon in some scenario and hide it in some scenario.

                   

                  Any help is appreciated.

                  • 6. Re: What items can I use on a dashboard I want to be accessible?
                    Kyle Gupton

                    Hi Amar -

                     

                    I assume your Home image is a shape mark on the underlying sheet. Is that correct? In that case, there's not a way to use the keyboard to "press" that image. Opening the View data page is the behavior since what you are activating is actually a viz.

                     

                    As of Tableau 2018.3, the best option for navigation is to use the Button object, though there's no way (unless someone has discovered some crazy way to do it, like people sometimes do with Tableau!) to get it to show/hide in different scenarios like you are describing.

                     

                    Is there another potential design for the dashboard that would satisfy your requirements?

                     

                    Kyle

                    • 7. Re: What items can I use on a dashboard I want to be accessible?
                      phiphi.lau

                      Hi Kyle,

                       

                      My agency's web team was unable to navigate using a keyboard on text objects and dashboard titles.  The dashboard titles will read when mouse hovering over but not by using the keyboard.  My web team uses the NVDA software.  I also confirmed this issue by testing with the ChromeVox extension.   I am using Tableau Desktop 2019.1.0.

                       

                      Any ideas?  Thanks in advance!

                      • 8. Re: What items can I use on a dashboard I want to be accessible?
                        Kyle Gupton

                        Reading these items with NVDA is definitely possible. How familiar is your team with NVDA? Reading titles and text boxes requires the use of the the NVDA Browse mode, which can be somewhat confusing without good facility with the tool. Browse mode in NVDA allows the user to directly access HTML headings. Dashboard titles are Level 1 headings in HTML. View titles are level 2 headings, and filter/legend titles are level 3 headings.

                         

                        Our accessibility consultant, Equal Entry, provided us with some additional help using NVDA with Tableau dashboards, and it does address reading text in text boxes. It's in my queue to publish as a FAQ article (your question is a good kick in my **** to get me to do that soon), but here is the information. I hope this helps!

                         

                        Non Visual Desktop Access (NVDA) Instructions

                        Because Tableau embeds are HTML application, we have found that some additional navigation instructions are helpful.

                        Reading text within a Tableau dashboard

                        With focus on the Tableau Tab control (in this case “SAT Performance of admitted Students”, “Percentage of Students by SAT Decile” and “Number of Students by SAT Score”), ensure that you are in Browse Mode and then arrow down to read any text included in the dashboard.

                        Using the Elements List dialog

                        NVDA’s Elements List dialog is context sensitive. When focus is outside of the Tableau embed it will expose information about the web page itself. While focus is within the Tableau embedded web application it will show information pertaining only to the Tableau application.

                        Kyle

                        • 9. Re: What items can I use on a dashboard I want to be accessible?
                          Tamara Augsten

                          Hi Kyle,


                          Thank you so much for this - it has been very helpful while developing accessible dashboards.

                           

                          A number of the dashboards I am converting into an accessible format use Parameters which are not accessible. I was wondering if you had any sense of whether or not Parameters may become accessible (the ability to tab through etc) in an upcoming update of Tableau or if they are something that are difficult to make accessible.

                           

                          Just wanted to get a sense of timelines and future accessibility direction.

                           

                          thanks!

                           

                          Tamara

                          • 10. Re: What items can I use on a dashboard I want to be accessible?
                            Kyle Gupton

                            Hi Tamara -

                             

                            We are actually working on making parameter controls accessible, though I don't have a timeframe I can share. It's a bit tricky as it's part of a revamping of our existing filter and parameter widgets to use a common widget library that we've developed internally for use throughout Tableau web interfaces. But, it is indeed something we're working on; I recently reviewed a specification document for the work.

                             

                            What specific kinds of parameters (list, number, Boolean, etc?) are you using in your dashboards?

                             

                            Kyle

                            • 11. Re: What items can I use on a dashboard I want to be accessible?
                              Tamara Augsten

                              Hi Kyle,

                               

                              Sorry for the late response. Mostly list parameters are what we are using. I've figured out a few fixes for avoiding them (mostly lots of pivoting the backend data so its very long instead of wide) but I've had the need for parameters come up again. For example, I have a map where you can filter to show the percentage of people within neighbourhoods that responded to a survey question and you can use a filter to view people who responded "all the time" vs "rarely" vs "sometimes" etc. I would love to be able to have the all the time map be a range of blues (sequential), the rarely be red, the sometimes be purple, etc. The only way I can figure out how to do that is with parameters (https://interworks.com/blog/daustin/2016/01/08/how-dynamic-map-coloration-parameters-tableau/ ) but those are not accessible.

                               

                              thanks for your insight about the current state.

                               

                              keeping my fingers crossed for parameter accessibility soon.

                               

                              tamara

                              • 12. Re: What items can I use on a dashboard I want to be accessible?
                                Sydney Groesbeck

                                Have you found any other workarounds for using parameters? I am currently trying to create dashboards that work with NVDA screen readers, but the only way I know of to filter the data the way I need is by using parameters. Is there an effective way to get sets to act/filter like parameters?

                                • 13. Re: What items can I use on a dashboard I want to be accessible?
                                  Brent  Kelsey

                                  Hello Kyle,

                                   

                                  Are map views accessible? 

                                   

                                  Is the list of items at the top of this thread still current, or have there been any changes since that list was added?

                                   

                                  Besides this forum, does Tableau provide documentation which outlines each accessible item?

                                   

                                  Thank you,

                                  Brent 

                                  • 14. Re: What items can I use on a dashboard I want to be accessible?
                                    Kyle Gupton

                                    Hi Sydney -

                                     

                                    There aren't really any "workarounds" (at least not that I would call workarounds) for making parameter controls accessible, though there are a few options that may be viable depending on the specific scenario (what kind of parameter is it?) and the skills of the dashboard developer:

                                    1. Use an HTML element outside of the dashboard (e.g. on the web page the dashboard is embedded in) that’s leverages the Tableau JavaScript API to set the parameter value.
                                    2. Create a Dashboard Extension with a parameter control that is accessible.
                                    3. Create Custom Views with one view for each possible parameter value. Provide users of the dashboard with links to the different custom views.

                                     

                                    Kyle

                                    1 2 Previous Next