🚧 Under construction — VoTechWorks is being built. A free tech program — complimentary, as our commitment to get America working.
voTechWorksGrade 13 · a vocational technology learning center, by urbanicity
newSchoolWorks.com › VoTechWorks › Technology & Design › Data Science & Analytics › Dashboards: Design, Build, and Deploy with Power BI and Tableau › Lesson 5
TEC-DATA85-07 · Lesson 5 · 12 clock hours · practice

Report Design: Charts, Filters, and UX Accessibility

Objective. Students build a two-page Power BI report applying chart-selection principles, consistent color palette, WCAG AA contrast ratios, and slicer/cross-filter interactions that a non-technical manager can navigate without instruction.

⚠ Pending professional review

This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.

VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.

Why Report Design Matters

A Power BI report is only useful if the people who need it can read it, trust it, and act on it — without a tutorial. Managers, executives, and front-line staff are your real end users. They are not data scientists. Your job as the report builder is to make the right answer obvious at a glance, with zero verbal explanation required. This lesson covers three skills that make that happen: choosing the right chart, building accessible visuals, and designing for usability.

Chart Selection Principles

Every chart type is designed to answer a specific kind of question. Choosing the wrong chart forces the reader to do mental work that the chart should be doing for them. Stephen Few's framework in Show Me the Numbers organizes charts by the relationship they show:

A common mistake is using a pie chart for eight categories. The human eye cannot reliably judge the difference between similarly-sized slices. Switch to a bar chart and sort bars from largest to smallest so ranking is instant.

Consistent Color Palette

Color should carry meaning, not decoration. Choose one primary color for your main data series, one accent color for comparisons or highlights, and neutral grays for non-data elements such as borders and backgrounds. Apply these consistently across every page. When a user sees orange bars on page 1 representing the West region, orange must mean West on every subsequent page.

Avoid using red and green together as the sole differentiator between good and bad performance. Roughly 8% of males and 0.5% of females have some form of color vision deficiency. Pair color with a secondary cue — a label, an icon, or a pattern — so the chart works without relying on hue alone.

WCAG AA Contrast Requirements

The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios for text and meaningful graphics. For a report viewed on screen, the AA standard requires:

Use the WebAIM Contrast Checker at webaim.org/resources/contrastchecker to paste in foreground and background hex color codes and verify the ratio before you publish. Power BI's built-in Accessibility Checker (View → Check accessibility) will flag missing alt text, tab order issues, and missing titles. Run both tools — they catch different problems.

Alt text is required on every visual. In Power BI Desktop, right-click a visual, select Format visual → General → Alt text, and write a plain-language description of what the chart shows: for example, "Bar chart showing Q1–Q4 revenue by product category; Electronics leads with the highest value."

Tab Order and Keyboard Navigation

Some users navigate entirely by keyboard or assistive technology. Power BI lets you set the tab order of visuals on a page (View → Selection → Tab order). Arrange the tab order so a keyboard user encounters visuals in a logical reading sequence — typically top-left to bottom-right. Every interactive element — slicers, buttons, bookmarks — must be reachable by keyboard.

Slicers and Cross-Filter Interactions

Slicers let users filter the report without editing it. Design slicers so their purpose is obvious: label them clearly ("Select Region", not just a dropdown), and place them in a consistent location on every page — usually the top or left panel. Cross-filtering means that clicking a bar in one chart automatically filters other charts on the same page. This is a powerful feature, but it must be predictable. Test every slicer and cross-filter interaction by asking: if a user clicks here, will the result surprise them? If yes, adjust the interaction settings or add a brief instructional label.

Usability Testing on Reports

Usability testing means watching a real user try to use your report without you coaching them. Give the test user a set of business questions written in plain language — for example, "Which region had the highest revenue last quarter?" — and observe silently while they find the answer. Note every moment they pause, click the wrong visual, or give up. Each failure is a design problem to fix: a missing label, a confusing filter, or a chart that does not answer the question it appears to address. One round of usability testing typically reveals more issues than any amount of self-review.

Safety and Professional Responsibility

Data dashboards can influence financial decisions, staffing, and resource allocation. Always verify that your data source and refresh schedule are correct before sharing a report with decision-makers. A dashboard showing stale or incorrect data is not a minor cosmetic issue — it can lead to real business harm. Label the data's last-refresh timestamp on every report page so users know the data's age. If data is confidential, confirm with your supervisor that the report's sharing permissions are set correctly before distributing it.

Key terms8

WCAG AAThe Web Content Accessibility Guidelines Level AA — a widely adopted standard specifying minimum contrast ratios and other requirements that make digital content usable by people with disabilities.
Contrast ratioA numerical measure of the difference in luminance between a foreground color and its background, expressed as a ratio such as 4.5:1; higher numbers indicate greater contrast.
Alt textA plain-language text description attached to a visual element so that screen readers and accessibility tools can convey the visual's meaning to users who cannot see it.
SlicerAn interactive filter control placed on a Power BI report page that allows end users to narrow the data shown in all connected visuals without editing the report itself.
Cross-filteringA Power BI behavior in which selecting a data point in one visual automatically filters the data displayed in other visuals on the same page.
Tab orderThe sequence in which visuals and interactive controls on a report page are visited when a user navigates by keyboard, set by the report builder to ensure a logical and accessible flow.
KPI visualA Power BI visual type that displays a single key metric alongside a target value and a trend indicator, designed for at-a-glance performance monitoring.
Usability testingA design evaluation method in which a representative user attempts real tasks with a product while the designer observes silently, revealing design problems that self-review misses.
In class: Chart-selection drill: students receive 10 business questions (e.g., 'show sales trend over 24 months,' 'compare five product categories by revenue'); they choose the correct chart type for each, justify the choice in writing, and build the visual in Power BI. · Accessibility audit: using the Power BI built-in accessibility checker and the WebAIM Contrast Checker tool, students audit a peer's report page, log every contrast or alt-text failure, and hand the log back for the peer to fix. · Usability walk-through: a classmate unfamiliar with the dataset uses only the report (no verbal explanation) to answer five pre-written business questions; the builder records which questions the tester could and could not answer and revises the layout accordingly.
Materials: Power BI Desktop, WebAIM Contrast Checker (webaim.org/resources/contrastchecker), Power BI accessibility documentation, Stephen Few 'Show Me the Numbers' (reference text), usability question cards (instructor-prepared)
Check: Report passes Power BI accessibility checker with zero errors; all five usability questions answered correctly by the test user without verbal help; instructor spot-checks three chart choices against the chart-selection rubric with 80% or better score. PL-300 mapping: Visualize and analyze the data domain.

Practice check8

Answer each question, then check it. Nothing is recorded; this is your own practice.

Visualize and analyze the data domain
1. A manager asks you to show how total sales revenue has changed each month over the past 24 months. Which chart type is the best choice?
Visualize and analyze the data domain
2. You are checking a report's body text, which is 12-point size and appears on a white background. What is the minimum contrast ratio required to meet WCAG AA?
Visualize and analyze the data domain
3. A peer's Power BI report has a chart with no alt text. Why is this a problem?
Visualize and analyze the data domain
4. You need to compare revenue across eight product categories for a single time period. Which chart type is most appropriate?
Visualize and analyze the data domain
5. During a usability walk-through, your test user cannot answer the question 'Which region had the lowest Q3 returns?' even after 90 seconds of looking at the report. What is the most appropriate next step?
Visualize and analyze the data domain
6. A report uses green bars for 'on target' and red bars for 'below target' as the only visual difference. What accessibility problem does this create?
Visualize and analyze the data domain
7. In Power BI Desktop, where do you set the tab order of visuals to support keyboard navigation?
Visualize and analyze the data domain
8. A published report is being used to make staffing decisions, but the data source refreshes only once a week and today is day six. What is the most important professional practice for this situation?
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.