![Page 2: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/2.jpg)
• Discuss the challenges of creating Tableau dashboards that are web accessible
• Explore web accessible functions and design approaches
• Provide resources for further learning
Today’s Goals
![Page 3: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/3.jpg)
Tableau is designed to help people see and understand data.
Challenge: People perceive and interact with the world in a variety of ways.
Tableau and Accessibility
![Page 4: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/4.jpg)
Tableau and Accessibility
![Page 5: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/5.jpg)
No Color Vision
![Page 6: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/6.jpg)
Contrast Sensitivity Loss
![Page 7: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/7.jpg)
Low Vision
![Page 8: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/8.jpg)
No Vision
![Page 9: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/9.jpg)
Tableau and Accessibility
![Page 10: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/10.jpg)
Four principles for web accessibility:• Perceivable• Operable• Understandable• Robust
World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) https://www.w3.org/WAI/
Web Content Accessibility Guidelines (WCAG)
![Page 11: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/11.jpg)
• Create textual equivalents for all non-text content.
• Make sure color is not the only way to identify information.
• Use text and images that have sufficient contrast against the background.
Perceivable
![Page 12: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/12.jpg)
• The dashboard should be operable with the keyboard.
• Visualizations, filters, and legends should have titles that help users know what the item is and how to use it.
• Focus order preserves meaning and operability.
Operable
![Page 13: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/13.jpg)
• Make text readable.
• Make the dashboard operate in predictable ways.
• Provide instructions on interacting with the dashboard.
• Use descriptive text to explain the information displayed in the dashboard.
Understandable
![Page 14: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/14.jpg)
• Dashboard content can be interpreted by a variety of user agents, including assistive technologies.
Robust
![Page 15: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/15.jpg)
Demo time
https://tableau.cornell.edu/t/IRP/views/AccessibilityDemo/BadExample?iframeSizedToWindow=true&:embed=y&:showAppBanner=false&:display_count=no&:showVizHome=no
What does this look like in practice?
![Page 16: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/16.jpg)
• Approaches that improve accessibility are also generally good practices for creating effective dashboards.
• Keep it simple.
• Make liberal use of descriptive text.
• Use color thoughtfully.
General Observations
![Page 17: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/17.jpg)
• Think about accessibility from the start
• Design should emphasize the most important data points or elements
• Use descriptive text in titles and captions
• Explain how the dashboard and its elements work
Tips
![Page 18: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/18.jpg)
• Test with contrast analyzer tools and screen readers
• Color alone is not sufficient
• Allow users to download crosstabs
• Use consistent names
• Set the focus order
More Tips
![Page 19: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/19.jpg)
https://www.w3.org/WAI/standards-guidelines/wcag/
Resources: Accessibility Guidelines
![Page 21: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/21.jpg)
https://onlinehelp.tableau.com/current/pro/desktop/en-us/access_keyboard_navigation.htm
Resources: Keyboard Navigation
![Page 22: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/22.jpg)
https://webaim.org/resources/contrastchecker/
Resources: Color Contrast
![Page 23: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/23.jpg)
https://developer.paciellogroup.com/resources/contrastanalyser/
Resources: Color Contrast
![Page 24: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/24.jpg)
https://github.com/tableaumagic/tableau-datatables-extension
Resources: Tableau DataTables Extension
![Page 25: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/25.jpg)
https://automatedinsights.com/partners/tableau/
Resources: Natural Language Generation Tools
![Page 26: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/26.jpg)
https://narrativescience.com/products/quill/extensions/tableau/
Resources: Natural Language Generation Tools
![Page 27: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/27.jpg)
• It’s not possible to have a color palette in which any color overlaying any other color would have sufficient contrast (4.5:1).
• Map views in Tableau are not currently supported for WCAG conformance.
• Single Value (slider) and Multiple Values (custom list) filters are not accessible.
There are still challenges
![Page 28: William Searle wrs77@cornell.edu 1.9irp.dpb.cornell.edu/wp-content/uploads/2019/02/IRP... · wrs77@cornell.edu. 1.9.2019 • Discuss the challenges of creating Tableau dashboards](https://reader034.vdocuments.site/reader034/viewer/2022042414/5f2f503a8149ff15f4663a71/html5/thumbnails/28.jpg)
William [email protected]