You can access most features in the application using low vision accommodations, the keyboard, and common screen readers. Supported screen readers are JAWS (with Chrome browser) and NVDA (with Firefox browser) on Windows, and VoiceOver (with Safari browser) on MacOS and iOS.
The software uses the Accessible Rich Internet Applications (ARIA) specification to make the application accessible to screen readers. Most pages were originally given role = "application". This means that the screen reader treats these portions of the software like a desktop application, instead of like a website, which makes using the application with a screen reader more difficult.
By default, keyboard users can interact with web pages only by navigating to and activating interactive controls, such as buttons, links, edit fields, and various selectors. Unlike in editable documents, keyboard users have no way to navigate within the text of the site. Screen readers allow you to review this non-interactive content — by using Virtual PC Cursor in JAWS and Browse mode in NVDA. Where the content of the web page is coded to use "application" mode, you cannot use the screen reader's virtual browsing features and, by default, are restricted to the navigational tools available to keyboard-only users (Focus in NVDA, and Forms mode in JAWS).
When using a screen reader, listen for the announcement of “application” or not to identify the different behavior. Where “application” is announced, you will need to use Browse mode or Virtual PC Cursor to interact with all static text on the page or slider.
The following pages and sliders do not use role = ”application", so you can use the web browsing feature of your screen reader:
- Home Page The page that is presented to the user upon login, which contains the tiles that let the user access or navigate to common tasks.
- Tiles A container that provides navigation or action from its summary view. on the Home page
- Auditor page, if enabled
- Kiosk page
- Punch-transfer slider
- Employee timecard > Analyze > Analyze Accruals slider
- Current schedule > Share > Run report slider
- Attestation The act of confirming or attesting that something is true. For example, when punching out, users may need to attest that they took their meal breaks. slider
- Control center slider on Home page
- Help slider on the Home page
- Main menu on the Home page
The Main Menu is used to navigate the system, switch roles, and manage personal settings.
When the Main Menu is opened, focus lands on the Close button. Keyboard focus is trapped within the Main Menu until it is closed. To close the Main Menu, navigate to and activate the Close button, or press Esc.
The features in the Main Menu include:
- Employee Settings
- Edit Profile
- Sign out
- Navigation Search
- Navigation menu of user-enabled features
Use the Tab and Shift + Tab keys to navigate between these top-level items.
Employee Settings is available if you have multiple roles or work in a company with multiple Employer Identification Numbers (EIN) and need to switch between them.
Activate Employee Settings by pressing space or Enter to expand the section. This reveals the Roles section and EIN section.
If necessary, expand the Roles section by pressing space or Enter. Your available roles are implemented as a list of buttons. Press Tab or arrow through the list of roles. Activating a role immediately closes the main menu and reloads the home page with the features and permissions of the new role.
Press Enter to activate Edit Profile. A new Edit Profile page opens where you can manage the following:
These topics are implemented as tabs and tab panels. Navigate between them using the up/left and down/right arrow keys. Open or close a section using space or Enter key. Only one section can be open at time. Navigate within a section using Tab and Shift + Tab.
- Arrow keys move between the top-level items, such as Change Picture and Reset Settings.
- When an item is expanded, you can tab through the interactive contents in the panel. Pressing Shift + Tab from the first interactive element in an open panel puts focus on the top-level item. For example, with focus on the Upload button, press Shift + Tab to put focus on Change Picture.
- When focus is on the last interactive item in an open panel press Tab to put focus on the next top-level item.
The Search field is the first element in the navigation menu. As you enter text in the Search field, the menu items are filtered and the screen reader announces the number of results. A Clear Search button becomes enabled once you have entered text into the Search field. Search results are displayed. If the search finds a submenu item, the top-level item is also displayed. For example, if you search for “emp,” the matching submenu Employee Summary is displayed as well as its associated top-level item, Time.
Menu Item Navigation
- The up and down arrows, as well as Tab and Shift + Tab, navigate through the top-level menu items. When the last top-level item has been focused, the next Tab or arrow moves focus back to the first top-level menu item.
- Press Enter or right arrow to expand a top-level menu item and put focus into the submenu.
- If a submenu is already open, press Tab to move focus from the top level item into the submenu.
- Submenu items navigate to a new page and are identified as links.
- The up and down arrows navigate items in the submenu and wrap to keep focus within the submenu.
- Press Shift + Tab to move focus out of a submenu to its associated top-level item. Press Tab within a submenu to focus the next top-level item. The submenu remains open.
- Press left arrow within a submenu to close the submenu and focus the associated top-level item.
- Press Tab or down arrow to move from the search input into the top-level menus.
- Press Shift + Tab to move from Home menu item back to the search, or to clear the search button if it is enabled.
You can access many of the most important actions in the system through tiles on the Home page. These tiles may include access to leave, time card information, punching The entries on a timecard that mark the beginning (in-punch) or end (out-punch) of a work interval, such as the beginning of a shift or transfer. in and out, notifications, and other functionality. The tiles you can access are determined by your organization.
Tiles may appear in two different forms. If you are on the desktop, and Zoom is set to 200% or less, the tiles appear on screen with all content within them visible. If you are on mobile, or if the browser Zoom has been increased to more than 200%, the tiles visually appear as large buttons containing the name of the tile, and a decorative image. In either case, the tiles can be tabbed to, and any screen reader will read the name of the tile, followed by its state. For instance, “My Time Off Tile, 1 of 5, button collapsed”.
Navigating between tiles
Tiles are displayed on the Home page and you can Tab to them. Press Shift + Tab to go back to a previous tile. When you find the tile you want to interact with, press Enter or space to expand or enter the tile. Screen readers will announce Expanded, and focus is placed on the first interactive element in the tile. To collapse or leave a tile and return to where you can navigate between them, press Esc.
Navigating and reviewing information within tiles
Once you have entered a specific tile, you can navigate between interactive elements using Tab and Shift + Tab.
Tiles contain many different element types. Many of these elements are also found in other portions of the application. In general, you can navigate and interact with the following tile elements using the same methods throughout the system.
- Buttons usually perform an action within the tile itself and can be activated with Enter or space. In some cases, buttons may also take you to another page within the system. They can also frequently open sliders with further options and controls.
- Links are intended to take you somewhere else in the application, such as to the full-featured page related to the tile. You can activate links with Enter.
- List boxes can be opened with Enter or space. Use the up and down arrows to select the option you want, and press Enter to choose it. This closes the List box containing the option you chose, and you can Tab to the next element.
- Toggle buttons can be activated or deactivated with Enter or space. These buttons toggle an option from Yes to No or from enabled to disabled.
Not all content in a tile is interactive. When reviewing a tile with a screen reader, you can return to browse mode (NVDA) or Virtual PC cursor mode (JAWS) to read non-interactive content. When in this mode, try your screen reader’s quick access commands, such as “H” for heading.
You can access other areas of the system using a screen reader as follows:
- Press Tab to get to the action bar containing a row of buttons.
- Press space to activate the available buttons. This activates a dialog box or presents a list of options that you can navigate by using the arrow keys and pressing Enter to select.
- To make all buttons available, select one or more rows from the table.
- When buttons are disabled, they are skipped when using the keyboard and not announced when using NVDA.
- If you are only using the keyboard in Scheduling, press the T key to access the add-ons area from the grid and press space to expand. You can also Tab from the Schedule Planner grid to access these add-ons.
- When in the Timecard, Dataviews A configurable tool for analyzing data and taking actions on a group of employees or an organization., and Leave and Attendance, press Tab to navigate to the add-ons area and press space to expand.
- Press Tab to access an additional button that expands and collapses the add-on content.
- After the add-on has been expanded, press Tab to navigate to the Search field or Filter drop-down menu.
- Press Shift + Tab to return focus to the Collapse Add-On button and press space to close the add-on content but not the entire add-on.
- Press Shift + Tab to navigate back to the Close Add-On button that closes the entire add-on.
Note: When viewing Timecards and Dataviews in List View format, add-ons also display in this format. If using Table View, add-ons display as a table. The Table View is not optimized for screen readers, but can be navigated through and modified using the keyboard.
Note: Only Accruals, Totals, Work Summary, and Comments add-ons in Timekeeping and Scheduling are accessible in List View format.
Note: If you are using a screen reader, you should use browse mode to read through the Attendance details pages.
- Press the H key to navigate by heading.
- Arrow down into each of the tables and use Crtl+Alt+arrow keys to read through table information.
- If you need to edit an event, tab to the menu located in the third column.
- Press space to expand and use arrows to navigate through options and press Enter to select.
- If you are deleting an option, a confirmation message appears. Select Yes to remove the event from the tables.
- If you select Edit, a slider opens on the right side of the screen to edit the event.
The Attendance and Leave grids have rows that are collapsed. To expand or collapse the rows, press space.
After these rows are expanded, use the arrow keys and press spaceto activate a glance (also known as a contextual callout) Provides information and actions in a dialog box for an item on the screen when the user right-clicks or taps the item. menu. These grids contain the same navigation and actions as the Timecard and Dataview grids.
If filtering by Group by Column, press Enter on the column submenu, then press Tab and use arrow keys to select from menu options.
- When selecting My Information, My Calendar or Calendar View in Attendance or Leave, the page contains two views:
- Grid view
- Side list on the right of the screen that is optimized for screen reader users. Tab to this list and use browse mode to read through event and request information.
- If an action menu exists, tab to it, press space to expand, and use arrows and press Enter to select an option.
- There are also option menus associated with requests that activate another panel that does not contain a drop-down menu.
Note: If you update Calendar views to show day, week, month, and year, the side list updates accordingly and contains the same content found in the grid.
You can use the keyboard to navigate charts that display in tiles on the Home page and on the Auditor Dashboard.
When focus is on a chart element, screen readers will announce the chart type, chart title, x-axis, and y-axis.
Keyboard navigation for interacting with charts:
Press Tab to focus on the chart.
Press Tab again to move focus to the first data point.
Use the left and right arrow keys to navigate through data points of the same series.
Use the up and down arrow keys to navigate to data points of adjacent series.
Press Tab again to move focus to the first legend item (if a legend is included), and use the arrow keys to navigate through legend items. When the focus is on a legend item, press Space to hide or unhide the series corresponding to the legend item.
- To activate the Control Center notification icon in the top navigation bar, press space or Enter. The icon will expand to list the notifications. Tab through the individual notifications in the list and use the corresponding buttons to perform one of up to three displayed, available options. Press Enter on the entire card to open the notification item in the Control Center. Press Escape to close the panel.
- To access all notifications within the Control Center landing page, press space or Enter on the View All Notifications button or on a notification card.
- From the Control Center landing page, press Tab to access the action bar, category menu to the left of the notifications view, and to access the Details panel to the right of the notifications.
- Press Tab to access the Notification Categories list and use the arrow keys and Enter to navigate through and select an option to update the notifications list. The notifications are presented as a list located in the center of the page. Use the arrow and Tab keys to navigate through each of the notifications.
- Press Tab to view details and press space to select and deselect check boxes associated with notifications. After selected, details are updated in the Details panel and notifications can be approved, refused, or deleted from this panel or the action bar.
- Press Tab twice to access the primary details associated with each notification and press Enter to place focus on the Details panel.
- Press Enter on the Back to List button within this panel leads back to the last selected notification within the list.
- A filter drop-down menu contains options associated with specific types of notifications. Press space to expand, use the up- and down-arrows to navigate, and press Enter to select and collapse the drop-down.
- There are additional options to refine the notifications list by selecting a time period from the timeframe selector menu and selecting a Hyperfind A search engine that filters and selects groups of employees through queries that specify conditions or locations (criteria). from the Hyperfind menu. By default, these are set to None.
- When you are tabbing through sliders and other dialogs, date input fields contain the current date. By default, the date is in mm/dd/yyyy format in US locales.
- When in Leave, press Tab within the Edit Date fields to progress through the month, day, and year.
- Use the up and down arrow keys to change the month, day, and year.
- You can also tab to the Calendar button, press space, and use arrow keys and Enter to select a day that populates the date input field.
Note: Most date input fields only allow for typing in the full date in mm/dd/yyyy format and contain a pre-populated date. Other date selectors may not contain a pre-populated date.
- Press Tab to get to the Dataview items list.
- Press Tab to progress through the list options, including Dataview type and details buttons.
- Press space or Enter on the Dataview type button to go directly to the Dataview landing page.
- Press space or Enter on the details button to open a slider.
- Use browse mode and arrow keys to access the information within the slider and press Tab to get to the open Dataview link, then press space or Enter to activate.
The Employee Selector drop-down appears on landing pages to select employees.
- Press Tab to access the combo box and press space to expand it. Focus lands in a Search field so you can search for specific employees.
- Tab into the employees list and use the arrow keys to progress through the list of employees. Press Enter to select.
There are also buttons that enable you to progress through next and previous employees by pressing the Tab key to access these buttons, and then pressing Enter or space to select. Screen readers announce the number of employees in the list and where the user is within the list, for example, 1 of 40.
To use the Employee Summary and Dataviews Grid from the keyboard:
- Press Tab to place focus on the Select All check box. You select this check box to select rows or deselect all rows. If all rows have been selected, a dialog displays that contains information about how many employees have been selected. You can use the Esc key or Close button to exit this dialog. Scrolling down the table using arrow keys automatically selects additional employees. After checking this box, focus jumps to the Select All button on the action bar, To get back into the grid, you must use the Tab key.
- Press Tab again to navigate to the column headers. These column headers contain sorting options that can be activated by pressing space when focused in placed on the header name. Each column header contains a separate actions menu that contains additional actions. You can activate this menu using Enter and then using the arrow keys and space to select.
- Press Tab from the column header menus to get to the first column of check boxes to select individual rows, then press space to select and deselect. Alternatively, you can press the down arrow key when focused on the Select All check box to go directly to the table rows.
- Use the arrow keys to navigate within the table cells.
- Press space on a cell to activate a glance view menu that contains additional options that can also be located on the action bar.
- Press Tab to get to and progress through the options list on the glance menu.
- Press space or Enter to select a button that activates a slider that appears from the right side of the screen.
- Press Esc to exit the slider or exit the glance menu.
Note: There is also a separate funnel menu located to the right of the grid column headers that you can use to sort and filter selections. Press Tab to access this menu from the action bar and press Enter to view the menu options. Press Tab to navigate through the options and press space to select an option.
The Employee Visibility Periods Defines both the period when employees can submit requests (submission period) and the period when those request can be applied (request period). table contains a list of employee scheduling requests that can be edited or deleted from the keyboard. Additional requests can also be added.
- Tab into this table with focus landing on the Filter menu.
- Press space to expand the filter menu and use the arrow keys and space to toggle filter options.
- Press Esc to close out of this menu.
- Tab into the table to read the column header rows from left to right with associated column header submenus that contain sort and filtering options.
- Use the arrow keys to navigate through the request rows.
- Navigate to other rows and press space to select or deselect. NVDA announces as unselected then selected.
- After selecting a row, press Shift+Tab to return to the action bar to edit or delete the selected request.
- If you are deleting a request, a dialog displays confirming the removal of the request. If you select Yes, the request is removed and the table is updated accordingly.
- Select the Add button on the action bar to add a request to the table rows.
Note: The first row is selected by default.
Note: You can only select one row at a time.
- Press Tab to get to the Hyperfind selector link.
- Press space to activate the link to launch a searchable edit field.
- Press Tab to get to the options list.
- Use the arrow keys to select and press Enter.
- Press Tab to access a find-by-location link.
- Press Enter to activate.
- A dialog box opens that contains a search field, additional fields containing dates that can be changed, and a business structure selector.
- Press Tab to get to the Cancel button to exit this dialog box.
There are multi-selector drop-down lists in Employee Request sliders to refine employees, jobs and locations, load schedule groups Assembles employees who share schedules or any other work characteristics. and employment terms Legal contracts between employer and employee. When scheduled to work hours differ from the hours in their contract, the pay rules of the employees determine the impact on pay. sliders in Scheduling, and the Volume Driver selector in Forecasting.
- Tab to these drop-downs and press space or Enter to expand.
- Use the arrow keys to navigate through the options.
- Press space to select one or more options.
- Press Esc to confirm your selections.
- If you are using the keyboard or screen reader in focus mode, press Tab to progress through the edit fields, combo boxes, and buttons within the slider.
- Press space to activate buttons, use arrows to select radio buttons or check boxes, and press space or Enter to expand combo boxes.
- Press Tab to access the options list within the combo box containing a Search field and press Enter to select and collapse.
- Press the Apply button to confirm selections that may open additional sliders.
- Press the Cancel or Close button, or press Esc, to exit sliders.
Note: Interacting with content in browse mode using NVDA will read additional read-only content within sliders.
Note: If invalid date is entered in input fields, there may be errors that are announced, or the focus will remain in the field until you enter correctly formatted data.
You can run or schedule reports from the Report Library page.
- From the Main Menu, press Tab to navigate to Dataviews and Reports > Report Library.
- Press Enter to open the Select Report slider.
- Use Tab and arrow keys to navigate to the category list.
- Press Enter or space to expand and collapse the category list.
- Press Tab to navigate to the sub-list of the category.
- Use Tab and arrow keys to move in the list.
- Press Shift+Tab to move the focus to the previous item in the category list.
- Press Enter to select a particular report.
- Press Tab to navigate to the Select button or Cancel button.
Note: When using Firefox, use Alt + down arrow to expand the recurrence type list in the Recurrence slider for scheduling a report.
- Report panels may contain input fields with an associated Parameters button announced as a text frame. Press space to activate, select from the check boxes, and press Tab to apply.
- To remove selections, press Shift+Tab to each option and select Delete.
- When scheduling a recurring report, an additional Parameters button displays. This button activates another panel to complete additional options.
- Only PDF, CSV, and Excel reports are accessible using the keyboard and screen reader. Select these options from the output drop-down. Interactive reports are not recommended to be used with keyboard and screen reader at this time.
- Press Tab to access the Table View button on the action bar and press space or Enter to change the view from Gantt View A type of bar chart that shows a schedule in a calendar view with employees, groups, and jobs; summary totals; and a vertical "today" line. to Table View. Table View is the accessible view.
- Press the T key if only using the keyboard to place focus on the action bar, grid, and add-ons section.
- After selecting an action from the Quick Actions A tool that allows simple schedule edits to be made more easily, particularly when the same action must be taken on several items menu, navigate to the table using either Tab or the T key, and use the arrow keys and press space to apply an action to a scheduled shift. Quick Actions may not work properly when using NVDA.
- Glance menus containing different options can be activated depending on where in the grid they are activated.
- Press space when on the Employee column to activate a glance that contains options specific to employees.
- Press space on an empty or shift cell to activate a glance that contains options specific to shifts.
- You can add Dataview columns to the Schedule Planner grid. To access these options, tab from the action bar to the grid and then press the left arrow to land on the Employees column. Press the up-arrow, then press space on the Column Selection menu button to activate a menu containing check boxes that can be checked to display or unchecked to hide.
- Tabbing to cancel does not modify the grid columns.
- Select Apply after making selections to modify the grid to show or hide specific columns.
- Press the right arrow from the Show/Hide column menu to go to the Expand and Collapse column button. Press space on this button to show or hide columns in the grid.
- Press Enter when focused on a column header to sort by none, ascending, or descending. Note that you must press Enter each time a new sort selection is made. The Sort By value is announced by screen readers when focused on a column header.
- Press the left arrow when focus is on the column header button or use the up-arrow when focused on the first column of check boxes to place focus on the Select All menu. Press space twice to select or unselect all employees in the grid.
Note: Screen readers in focus mode should be enabled to access this menu.
Note: Hiding columns only displays the Employee name column in the grid, so if additional column selections were made, they will no longer be displayed.
Note: The Schedule Planner contains different views that can be accessed using the View By menu. These views include Employee (default view), Schedule Groups, Employment Terms, and Jobs. After making a selection, navigate in Table View as normal.
Note: The Jobs View does not have a Table View. It only has a Gantt View, which is not accessible at this time.
After selecting an action from the action bar or from a glance when navigating through grids, a slider displays on the right side of the screen. These sliders contain forms and actions that you use to update or modify employee data.
Note: Some actions open a dialog box in the center of the screen instead of a slider.
When using the keyboard to navigate these sliders and dialogs, you can:
- Press Tab to place focus on all slider or dialog elements.
- Select the Closeor Cancel button, or press Escape, to exit a slider or dialog.
- Select Apply, Submit, or Save to apply changes or update employee data after completing any required fields and optional fields if desired.
- Activate any drop-down lists by using space and the arrow keys to navigate through the options and press Enter to select. You can select the first letter for any option to quickly navigate as well.
There are also drop-downs lists that contain a Search field when activated to limit the number of options in the list. Tab from the Search field to the options list and use the arrows keys to navigate through and press Enter to select.
If invalid or missing data is entered or found, errors display under the corresponding element.
There are also alert and warning messages that can display within sliders that can be closed using the close button
- After applying specific changes to data, there may be a confirmation message or a warning message that displays when the slider is closed.
- Completing specific fields may result in additional fields being displayed within a slider or dialog.
To use the Staffing grid from the keyboard:
- Tab into the grid to place focus on staffing work type categories.
- Use the arrow keys to navigate through the grid.
- Press space on a check box to select a work type category.
The Edit Profile and Leave Case Editor landing pages contain tab lists. To use tab lists from the keyboard:
- Tab to the first tab in the list.
- Use the left and right arrows to navigate through each tab.
- Press space to expand and collapse.
- After expanding a tab, press Tab to enter into the corresponding contents.
- Press Tab to navigate through any actions and use the arrow keys to read through static text content if you are using a screen reader.
- Press the List View button to change the format layout of the timecard data.
- The data switches from a table to a list of items that are presented from left to right, top to bottom.
- Press Tab to get to the items list.
- Press Tab to progress through the items list and associated details.
- Press space on the date or punch pairs buttons to activate the same slider.
Note: You can use arrow keys to quickly navigate to specific day options.
If your timecard has been setup with accessible options, the approval and sign-off indicators appear like this:
|All days approved by employee|
Partly approved (multiple managers)
This indicates that there are multiple approvers for the timecard and only some of the managers have approved the time that belongs to them on a given day. This indicator only appears if the timecard has been configured to show it.
Note: The Partly approved (multiple managers) indicator only appears for daily approval values. The manager approval indicator for the date range will only appear blank (the date range is not fully approved) or solid (the date range is fully approved).
|All days approved by manager|
|All days signed off|
- Press Tab to access the column headers associated with the table.
- The first menu allows for filtering of data. Press space to expand and Tab to progress through the list of toggle options. Press space to show or hide. Press Esc to close.
- Press Tab to access the Select All check box, which places focus on the Select All Rows button. A confirmation message displays how many rows will be selected. Press Esc to close.
- Press Tab to return to the grid and the original Select All Rows check box.
- Press Tab to hear the list of column headers from left to right along with their associated menus.
- Press space on a column header to sort ascending, descending, or no sort.
- Press Enter to expand these column header menus.
- Use the arrow keys to progress through the options list and press space or Enter to apply.
- If no options are selected, press Esc to close this menu.
- Press Tab from the column header menus to get to the first column of check boxes to select individual rows. Press space to select. Alternatively, you can press the down-arrow key when focused on the Select All check box to go directly to the table rows.
- Use the arrow keys to navigate within the table cells.
- Press space on a cell to activate a glance view menu that contains additional options that are also located on the action bar.
- Press Tab to get to and progress through the options list on the glance menu.
- Press space or Enter to activate a button that opens a slider from the right side of the screen.
- Press Esc to exit the slider or exit the glance menu.
Focus is returned to the Unselect Rows button. Press space to unselect all rows. No confirmation message is provided.
Note: Focus may jump to a Select All button located in the action bar. Tab back to the table.
- Press Tab to open the Timeframe Selector menu.
- Press space to expand the drop-down.
- Use the arrow keys to select a timeframe.
- Press space or Enter to select. While in the selections list, press Tab to access the date range button. Press Enter to activate.
- Edit fields containing start and end dates are presented by pressing Tab to access these fields. Use the arrow keys to change the dates in the Start Date and End Date fields.
- Press Tab to access the Cancel and Apply buttons and press Enter to activate.
- Press Tab to access the Previous and Next buttons to progress through pay periods without having to select from the Timeframe Selector menu.