8.2 Sorting, Selection Pane, Mobile Layout, and Accessibility
Key Takeaways
- Sort visuals by any field (ascending/descending) and apply Top N filtering to show only top/bottom items.
- The Selection pane controls visual layer order (front/back) and visibility (show/hide) for complex page layouts.
- Mobile layout provides a phone-optimized view with separate placement of visuals for portrait orientation.
- Accessibility features include alt text, tab order, high contrast support, and keyboard navigation.
- Report personalization allows end users to temporarily modify visuals (change chart type, add fields) without editing the report.
Sorting, Selection Pane, Mobile Layout, and Accessibility
Quick Answer: Sort visuals by clicking column headers or using the More Options (three dots) menu. The Selection pane manages visual z-order (layering) and visibility. Mobile layout (View → Mobile Layout) provides a separate phone-optimized arrangement. Alt text on every visual is required for accessibility compliance.
Sorting Visuals
Basic Sorting
Click the three dots (...) menu on any visual:
More options (...) → Sort by → Select field → Sort ascending/descending
Table/matrix sorting: Click column headers directly to toggle sort direction.
Sort by a Different Field
You can sort a visual by a field that is not displayed:
- Add the sort field to the visual's data wells
- Sort by that field
- Optionally hide the field from the visual display
Top N Filtering
Show only the top or bottom N items:
Filters pane → Select the visual-level filter → Filter type: Top N
→ Show items: Top/Bottom → Enter N → By value: Select measure
Example: Show only the Top 10 Products by Revenue
Selection Pane
The Selection pane manages visual layering and visibility:
View tab → Selection pane
Features
| Feature | Description |
|---|---|
| Visibility toggle (eye icon) | Show/hide visuals without deleting them |
| Layer order (up/down arrows) | Control which visuals appear in front |
| Tab order | Set the keyboard navigation sequence for accessibility |
| Rename | Give visuals meaningful names (improves accessibility) |
| Group | Group related visuals for bulk operations |
Grouping Visuals
Select multiple visuals → Right-click → Group → Group:
- Move, resize, and show/hide the group as one unit
- Useful for complex layouts with overlapping visuals
- Combined with bookmarks for toggle visibility patterns
Tab Order (Accessibility)
The Tab order view in the Selection pane controls the keyboard navigation sequence:
- Set the order users tab through visuals
- Skip visuals that don't need keyboard focus
- Essential for screen reader accessibility
Mobile Layout
Creating a Mobile Layout
View tab → Mobile Layout
The mobile layout designer provides:
- A phone-shaped canvas (portrait orientation)
- Drag existing visuals from the desktop layout onto the mobile canvas
- Resize and reposition for optimal mobile viewing
- Each visual can be configured independently for mobile
Mobile Layout Best Practices
- Prioritize key metrics — show KPI cards and summary charts at the top
- Reduce visual count — fewer visuals for smaller screens
- Use larger touch targets — ensure slicers and buttons are finger-friendly
- Simplify complex visuals — tables with many columns don't work well on phones
- Test on actual devices — use the Power BI Mobile app to verify
Automatic Page Refresh (Mobile)
Configure visuals to auto-refresh at intervals:
Page Settings → Page Refresh → Set refresh interval
- Minimum interval depends on capacity type
- DirectQuery sources can refresh as frequently as every second
- Import sources are limited by scheduled refresh
Accessibility
Requirements for Accessible Reports
| Feature | Implementation |
|---|---|
| Alt text | Describe what each visual shows (what story does it tell?) |
| Tab order | Logical keyboard navigation sequence |
| Color contrast | Sufficient contrast between text and background |
| Font size | Minimum 11pt for body text |
| Color + pattern | Don't rely solely on color to convey meaning |
| Keyboard navigation | All interactive elements must be keyboard accessible |
| Screen reader support | Alt text and meaningful visual names |
Writing Effective Alt Text
Good alt text: "Bar chart showing 2026 quarterly revenue. Q1: $2.4M, Q2: $3.1M, Q3: $2.8M, Q4: $3.5M. Revenue grew 46% from Q1 to Q4."
Bad alt text: "Chart" or "Revenue chart"
Dynamic Alt Text
Use measures for alt text that updates with filter context:
Revenue Chart Alt Text =
"Revenue chart showing " & FORMAT(SUM(Sales[Amount]), "\$#,##0") &
" total for " & SELECTEDVALUE('Date'[Year], "all years")
Report Personalization
Personalization allows report consumers to temporarily modify visuals:
File → Options → Report Settings → Personalize visuals = On
Users can:
- Change the visual type (bar → line → table)
- Add or remove fields
- Change aggregation type
- Modify sort order
- Save their personalized view as a personal bookmark
Important: Personalization changes are temporary and per-user. They do not affect the published report for other users.
Personalized Visuals
When enabled, users see an edit icon on visuals:
- Changes only affect the current user's view
- Personal bookmarks save the customization
- Authors can allow/deny personalization per visual
On the Exam
The PL-300 frequently tests:
- Using the Selection pane for visual layer management
- Creating mobile layouts for phone optimization
- Writing meaningful alt text for accessibility
- Configuring tab order for keyboard navigation
- Enabling and understanding report personalization
You have overlapping visuals on a report page and need to control which one appears in front. Which tool do you use?
What is required for a Power BI report to be accessible to screen reader users?
Report personalization allows end users to: