Accessibility development and design is an ongoing process in ArcGIS Business Analyst Web App. Built-in accessibility features available throughout ArcGIS Business Analyst Web App are described below.
Keyboard navigation
You can use keyboard navigation to interact with most mapping and analysis workflows, infographics, and reports.
The standard keys used for navigation are Tab, Shift+Tab, Enter, Spacebar, Esc, and the arrow keys. They are used as follows in ArcGIS Business Analyst Web App:
- Press the Tab key to move the focus forward between panels, elements, and interactive features such as buttons.
- Press Shift+Tab to move the focus in the opposite direction.
- Press Enter or Spacebar to activate a link or button and select it.
- Press the Esc key to close or open a section.
- Use the arrow keys to move between data points, categories, or values in an element or selector.
Focus
When an element is selected using keyboard navigation, it is visually distinguished with a blue square outline. This visual indication is the focus of the navigation.
Tab order
Along with keyboard navigation, it is important to understand the tab order. Tab order refers to the sequence in which focus moves across interactive elements when navigating using the Tab key.
When you run infographics, there are two levels of navigation: top-level navigation between panels and elements and second-level navigation within these areas. The navigation is as follows:
- Top-level navigation involves moving between different panels or visual elements of an infographic. When the infographic is first run, pressing the Tab key moves the focus sequentially, usually from top to bottom and left to right, across the header, sidebar, elements and reset button (if present).
- Second-level navigation refers to moving within a specific panel or element. Once an area is selected using the Enter key, the user can interact with it using the Tab, arrows, and Enter keys to explore data or features in that section.
When you use some mapping and analysis workflows, tab order mirrors the visual layout of the page. The navigation starts from left to right and top to bottom.
For example, create a color-coded map and press the Tab key to move the focus. The focus starts at the workflow pane header with the Resources button, then moves across the Collapse and Close options to the right, then down into the Variables section. Each option is sequentially highlighted within each section.
High contrast
ArcGIS Business Analyst Web App uses high contrast so that text is distinguishable from its background.
Screen reader compatibility
In general, Business Analyst workflows are compatible with most screen readers. For example, visible text is typically read aloud, and buttons are named and identified. The information read by screen readers may vary depending on the operating system and browser being used.
Tabular design style
The tabular design style is available for some infographics and all Esri classic reports. The tabular design style displays larger font sizes and high color contrast to meet accessibility standards. It uses an established hierarchy for color and font to improve readability for a variety of audiences.
To run infographics and reports with the tabular design style, do the following:
- For infographics, search for tabular to view a list of tabular infographics that you can run for your site.
- For Esri classic reports, the Try new report style toggle button is turned on by default. This setting applies the tabular design style for any report that you run for your site.
Infographics
When infographics are run, there is improved keyboard access and screen reading in the user interface. For example, controls are converted to a toolbar and charts and tables can be logically read. Business Analyst Standard infographic templates are updated to meet WCAG 2.1 Level AA accessibility requirements, such as with color contrast, alt text, and more.
When editing infographic templates, use panel settings to customize navigability, including any of the following:
- In panel options, use the Aria label text field to enter a description for screen reading.
- If a table presents data, use the Navigate as a data table setting to make it compatible with screen readers. If a table is only stylistic, like formatting a title and subtitle, this setting can be turned off.
- If you are using complex panels, consider grouping elements. When creating designs that have grouped elements with titles, the elements should be placed within one complex panel to help with clarity during screen reading.