Keyboard Focus and Screen Navigation in Accessible Theme

The Accessible theme includes larger fonts, enhanced tab and keystroke functionality, and screen reader compatibility for users needing accommodation to support Federal accessibility requirements and Section 508 compliance. You can set up the JLV interface for Section 508 accessibility by selecting the option on the Login page or through the Settings gear_ping.PNG options after logging in.

 

In the Accessible user theme, keyboard focus is the highlighting of an on-screen element that enables interaction with and navigation of the web application through the keyboard or keystrokes. The user interface item which currently has keyboard focus will be outlined. The JLV Web Application uses a gold colored border or outline as a visual indicator of what element currently has keyboard focus.

 

In the following figure, the Documents widget has keyboard focus. A user can change the focus by pressing the Tab key. In this example, pressing the Tab key would shift the keyboard focus from the Documents widget to the Procedures widget (placed below the Documents widget in this sample figure). Pressing the Tab key again would shift the keyboard focus to the Radiology Reports widget (the widget in the top-right corner of the sample configuration), as in this configuration, there are no widgets placed below the Procedures widget.

 

AccessibleDocumentsFocus.PNG

 

Note: To view hover text where available in the JLV interface (such as terminology normalization in supported widgets), focus on the element within the widget that has hover text. After a small delay, the text will appear as if the user hovered over the element with a mouse cursor.

 

In the next example, the IPO3 tab of the Patient Demographics Details window has keyboard focus. A user can jump to the next tabs (IPO4, IPO5, or DoD) using arrow keys to jump to the VA tab, or alternately, press Tab until keyboard focus is on the Close X button, and then press Enter to close the window. When the patient’s name has keyboard focus, use the up and down arrow keys to scroll through the contents of the window.

 

AccessibleDemographicsFocus.PNG

 

The following example of widget in expanded view shows keyboard focus on the Close X button. After pressing Enter to close the window, keyboard focus returns to the last element that had keyboard focus before opening the window.

 

AccessibleExpandedCloseFocus.PNG

 

Related topics: