COVID-19 Vaccine Equity Initiative Data Dashboard: For keyboard and assistive technology users

Information for accessing the COVID-19 Vaccine Equity Initiative Data Dashboard.

Information for the data visualization presentation

The COVID-19 Vaccine Equity Initiative Data Dashboard contains a data visualization presentation created by Microsoft Power BI as identified as Power BI report. Power BI supports following browsers: 

• Microsoft Edge Chromium. 
• Internet Explorer 11 (some advanced features aren't supported) 
• Chrome desktop latest version 
• Safari Mac latest version 
• Firefox desktop latest version 

Power BI doesn’t support iOS according to documentation. Some features and experiences in iOS might be limited and/or different from supported browsers. 

The user experience for interacting with the Power BI report is generally better on desktop than on mobile devices.

The full screen size report is available. 

If you prefer different presentation formats to data visualization graphics, they are available as data tables: 

Mouse users

1. In the report, select a data visualization graphic you’d like to see as table data by clicking its white background area.
2. Left click to display the “Show as a table” tooltip.
3. Click the tooltip to display its table

Keyboard users

You need the Power BI’s key commands to access the report. See the key commands at the  Commonly used Power BI key commands under the Information for keyboard and assistive technology users.

1. In the report, place focus on a data visualization graphic you’d like to see as table data.
2. Hit ALT + SHIFT + F11. Its table is displayed.

Information for keyboard and assistive technology users

An accessibility review of the dashboard conducted by the Executive Office of Technology Services and Security (EOTTS) is currently ongoing and DPH is implementing the required accessibility enhancements as identified.

Screen reader users generally get a better user experience with the full screen size report.

Power BI has unique keyboard shortcuts to browse and interact with the report. Some of screen readers’ own key commands may produce difference results. We suggest using the Power BI’s key commands for better experience. Commonly used Power BI key commands are presented below. These key commands are common to keyboard navigation as well. See the full list of key commands for Power BI.

Basic concept for navigating Power BI report

The report consists of multiple components of text boxes, filters, and data visualization graphics. You may access a component before reaching its content. To move on to another component, you first need to leave the component you’re in.  You can use the ESC key to exit all components except for text boxes. You can use TAB to exit text box components.

On the last component of the page, hitting TAB key sets focus circle back to the top, the title in the header.

Commonly used Power BI key commands

1. Access the report:
   • [keyboard] When the report gets focus, black outline appears around the report.
   • [screen readers] When screen readers reach the figure for the report, they announce the title of the report. They may also announce Power BI report or Application. Hit CTRL (CMD for Mac) + ENTER to access the report.
2. Use the TAB key to navigate forward, SHIFT + TAB for backward in the report.
3. Once you reach a component, hit CTRL (CMD for Mac) + RIGHT ARROW key to access it. Once you’re in a component, the next step varies by the type of component you’re in.
4. To leave a component, use the ESC key.
5. When you leave the iframe of the report, you can start using your device’s key commands again.

Components

You stay in a component until you leave. As you are tabbing, focus circles elements within the component you’re in.To leave a component, use ESC key.

Slicer

Slicer is a filter component you can use to define the data. Some different kinds of filter components are available:

• Menu (drop down options)
  1. Hit SPACE + ENTER to open the options.
  2. Use the ARROW key to navigate the options. Select an option with SPACE or ENTER.
  3. To leave the menu area, hit ESC. When you hear "virtual cursor", hit ESC again.
• Date range

  The date fields are currently not interactive with keyboard and assistive technologies like screen readers. Screen readers announce their values for currently set date range, but are not editable. To adjust the date range, you can use the slider below the date fields. You can skip these fields since no other interactions are available.

  1. The slider is interactive with keyboard and assistive technologies through: the first one for the start date and the latter one for the end date. As one of the points get focus, use the CTRL (CMD for Mac) + LEFT/RIGHT ARROW keys to change the date range. The slider value is announced as a percentage. The date range is announced to reveal the beginning and end dates selected. One hit moves 12 days. Read below for how confirm the new date range.
  2. Do not use the key commands multiple times consecutively. As you use the key command, the content refresh is triggered with the newly selected date range. At the same time, the point loses focus.
  3. Once the screen reader announces that the refresh is complete, hit the TAB key. That sets focus back on the point. You can use the key command again to adjust the date range further or move onto the next element.
  4. While you are in the component, focus circles the elements within. If you hit the TAB key several times, the updated date field values are announced as focus circles back to the date fields.
• Check box group
  1. Use the ARROW keys to navigate the options.
  2. Hit SPACE or ENTER to select/unselect an option.
  3. To leave the slice component, hit ESC. Then, use TAB or SHIFT + TAB to navigate to the next or previous component.

Data visualization graphics

Data visualization graphics are a bar chart, line chart, matrix and so on. You have options to browse as a data visualization graphic or data table:

• Data table
  1. Hit ALT + SHIFT + F11 to display the data table for the data visualization graphic.
  2. Use the ARROW keys to navigate the table.
  3. To close the table, use the Back to report button on the table display. Use the TAB key to reach the button. You come back to where you were before you left the data visualization graphic component.
• Data visualization graphic
  1. Hit CTRL (CMD for Mac) + RIGHT ARROW to access the data graphic components.
  2. As you hit CTRL (CMD for Mac) + RIGHT ARROW, the first component element gets focus. For a bar/line chart, the x axis gets focus first followed by data points and legend.
  3. To move to other components, use TAB and SHIFT + TAB.
  4. Hit ENTER to access the focused component.
  5. Use the LEFT/RIGHT ARROW keys to navigate it. Hit ENTER or SPACE to select/unselect a data point.
  6. Hit ESC to leave the component element.
  7. Use CTRL (CMD for Mac) + LEFT/RIGHT ARROW keys to go to another component element.

Card

Card contains text content.

Text box

Most of text content appears in the Text box components. Once all content is read, use TAB key to move on to a next component.

If the content is not announced as the component gets focus, use CTRL (CMD for Mac) + RIGHT ARROW key. VoiceOver reads its first block of content instead of all content. Navigate the rest of the content with RIGHT/LEFT ARROW keys; VO KEYS are optional. You know all content is read when you hear "end of text block." Use the TAB key to move on to another component. If you use the ESC key in a text box component, the focus might jump to an unexpected area in the report.

Navigating between pages

The report has 9 pages. Its pagination links locates below the report. Below shows the steps to access a next or previous page.

Leaving the report area

When you reach the card “Data current as of DATE”, you are on the last component of the page.

To go to the pagination links, you need to leave the report area with ESC. Then, hit ESC again. You hear “Microsoft Power BI.”

Navigating the pagination link area

1. Hit TAB, then hit it again. At the second hit, you hear “Microsoft Power BI.”
2. Hit TAB. NVDA says, “Clickable previous page.” JAWS and VoiceOver say, “previous page.” They don’t indicate the element is clickable, but it's still clickable.
3. Hit TAB. NVDA says, “Clickable next page.” JAWS and VoiceOver say, “next page.” They don’t indicate the element is clickable.

4. Hit the previous/next button with SPACE or ENTER to render another page you’d like to go. Screen readers don’t announce the completion of the rendering. With the moderate Internet connection, it completes under 10 seconds.

   You can hit the button multiple times consecutively to skip some pages.  Screen readers don’t announce which page is currently open.

Go back to the report area

Power BI doesn’t have a quick access to the top of the report from the pagination link area.  Follow the steps below.

1. Hit Shift + TAB 3 times if you are on the previous page button, 4 times if you are on the next page button.
2. For keyboard, NVDA and VoiceOver, hit CTRL (CMD for Mac) + ENTER to enter the report. For JAWS, hit DOWN ARROW, then CTRL + ENTER. You are now in the report and ready to browse the page.