Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to...
Transcript of Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to...
![Page 1: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/1.jpg)
Are your Tableau dashboards accessible to everyone?
Joseph Van MatreAmit Prayag
California Association for Institutional Research November 2019
![Page 2: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/2.jpg)
Agenda
• What is disability?
• Why accessibility
considerations are important?
• Our top-10 best practices of
accessible Tableau design
![Page 3: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/3.jpg)
What is disability?
![Page 4: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/4.jpg)
4
According to the Americans with Disabilities Act
(ADA), the Rehabilitation Act of 1973), the definition
of a person with a disability is typically defined as
someone who
(1) has a physical or mental impairment that
substantially limits one or more "major life
activities,"
(2) has a record of such an impairment, or
(3) is regarded as having such an impairment.
![Page 5: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/5.jpg)
5
![Page 6: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/6.jpg)
6
![Page 7: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/7.jpg)
7
Assistive technology for the physical world
![Page 8: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/8.jpg)
8
Assistive technology for the digital world
![Page 9: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/9.jpg)
Best practices of accessible Tableau design
![Page 10: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/10.jpg)
10
1) Pay close attention to the color contrast
![Page 11: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/11.jpg)
11
2) Use double encoding
![Page 12: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/12.jpg)
12
3) Use descriptive hyperlinks
Use the UC Information Center to find more information.
Use the UC Information Center to find more information. Click here.
![Page 13: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/13.jpg)
13
4) Maintain one page/don’t rely on downloads
![Page 14: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/14.jpg)
“Our whole platform was not designed with accessibility in mind, so the things that we’ve done we’ve had to go in and retrofit and it’s way harder to do that after the fact.”
14
– Kyle Gupton, Director of Product Management, Tableau
![Page 15: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/15.jpg)
15
5) Include dashboard level alternative text
![Page 16: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/16.jpg)
16
X TooltipsX Parameters X “Pages” Function
• Workbook tabs• Dashboard Titles• Views (graphics)
• Title• View window data• Captions
• List and Dropdown Filters• Categorical Legends• (Some) Text Objects• Web Page Objects• Image Objects (2018.3)• Button Objects (2018.3)• Toolbar
6) Be aware of non-accessible elements
![Page 17: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/17.jpg)
17
7) Understand tableau server a version control
![Page 18: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/18.jpg)
18
8) Ensure data table accessibility
![Page 19: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/19.jpg)
19
9) Think about focus order
WCAG 2.4.3“If a web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.”
Setting the focus order
![Page 20: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/20.jpg)
20
10) One key takeaway:
Include an accessibility link in on every page
That leads to a monitored mechanism for individuals to request accessible content
![Page 21: Are your Tableau dashboards accessible to everyone? · Are your Tableau dashboards accessible to everyone? Joseph Van Matre. Amit Prayag. California Association for Institutional](https://reader030.fdocuments.net/reader030/viewer/2022040515/5e711ebb6bedf05a1b52b7db/html5/thumbnails/21.jpg)
21
Summary
1. Pay close attention to the color contrast2. Use descriptive hyperlinks 3. Maintain one page/don’t rely on downloads 4. Consider using double encoding5. Maintain a version control6. Include dashboard level alternative text7. Be aware of non-accessible elements8. Ensure data table accessibility9. Think about focus order10.Include an accessibility link on every page