PBI10 Competition Dashboard

Accessibility

Any creation where accessibility isn’t considered from the very beggining is a failure. Mahadeo Sukhai provides some great tips for making things accessible.

Testing Tools

Two major accessibility testing tools are WAVE by WebAIM, and AXE Devtools by deque. Testing Methodology: Run WAVE, then run AXE in a new window with the “Internet Use is UP” tab since it is the most complex tab.

WAVE score:

• 0 Errors
• 25 Alerts (1 orphaned form label, 1 Missing first level heading, 1 Link to PDF document, 1 Noscript element, 1 Very Small text, 20 Redundant title text)
• 2 Major Features (Alternative Text & Language*)
• 12 Structural Elements (2 Heading level 2, 4 Heading level 2, 2 Unordered lists, 2 inline frames, 2 generic regions)
• 213 ARIA features*.

AXE DevTools:

• 0 Total Issues
• 2 Minor Errors (All page content should be contained by landmarks*)

* Power BI Features

Colors

I wanted to prove you can make something really good looking without having to mess with colors, so I just used the default Power BI theme colors - with a bit of a twist - :

type value Sample

Color Combination Rating:

Foreground Background Rating

Rating details can be found in the WCAG 2.0 contast checking site.

Contrast changes with the color of the background when fireworks are enabled, however this only occures on static text.

eyJrIjoiZmRkYjQ5ZmMtYzg2ZS00NWNlLWIzY2EtOTg5YWU5NWYwOWVkIiwidCI6IjQyNTQwZjI0LWQ3ZjYtNDkzMS1iODNiLTRiZGQ2YWUxZjMyNCJ9