AgileApps Support Wiki Pre Release

Difference between revisions of "Accessibility Mode"

From AgileApps Support Wiki
imported>Aeric
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Accessibility is a core consideration for AgileApps. Accessibility Mode allows users of assistive technology, such as speech recognition software and screen readers, to use AgileApps more effectively. By default, Accessibility Mode is disabled.   
===Using accessibility features===
 
Accessibility features include keyboard navigation, color and style settings and using a screen reader. Accessibility is a core consideration for AgileApps. Accessibility Mode allows users of assistive technology, such as speech recognition software and screen readers, to use AgileApps more effectively. By default, Accessibility Mode is disabled.   


To enable accessibility mode in AgileApps, do the following:<br>
To enable accessibility mode in AgileApps, do the following:<br>


:* Accessibility mode works only on AgileApps new user interface. In legacy user interface, select '''Switch to new UI''' to use accessibility mode.
:*Accessibility mode works only in AgileApps new user interface. In legacy user interface, click '''Gear''' icon and select '''Account Management'''.
::[[File:14161 3.png|700px]]
::[[File:14161 7.png|1000px]]
:* Select '''{Login Name}''' and click '''Edit profile'''
:* Select '''Company Information'''.
::[[File:14161 1.png|700px]]
::[[File:14161 4.png|1000px]]
:* On '''Personal profile''' Tab, select '''Accessibility mode''' checkbox and click '''Save'''<br>
:* Click '''Edit''' on the displayed form.
::[[File:14161 2.png|700px]]
::[[File:14161 5.png|1000px]]
:* Click the checkbox '''Activate New User Interface''' and Click '''Save'''.
::[[File:14161 6.png|1000px]]
:*Refresh the page for the new UI to take effect. On the new UI, select '''{Login Name}''' and click '''Edit profile'''.
::[[File:14161 1.png|1000px]]
:*On '''Personal profile''' Tab, select '''Accessibility mode''' checkbox and click '''Save'''.
::[[File:14161 2.png|1000px]]


The following capabilities are available when you enable accessibility mode.
The following capabilities are available when you enable accessibility mode. These capabilities are only available in run-time user interface.


===Keyboard Accessibility===
===Keyboard Accessibility===


The AgileApps Platform is designed to be as accessible as possible through a keyboard. You can easily tab through the platform UI.
The AgileApps Platform is designed to be as accessible as possible through a keyboard. You can easily tab through the platform user interface.


:* Use the '''Tab''' and '''Shift+Tab''' keys to move forward and back through the links and other selectable fields.
:* Use the '''Tab''' and '''Shift+Tab''' keys to move forward and back through the links and other selectable fields.
Line 26: Line 34:
:*When focused on tabs, use right/left arrow keys to switch tabs.
:*When focused on tabs, use right/left arrow keys to switch tabs.
:*On edit pages such as forms, the keyboard focus starts at the first editable field on the page.
:*On edit pages such as forms, the keyboard focus starts at the first editable field on the page.
:*In the application navigator when accessibility is enabled, tabbing moves you through each element for every module. Use the arrow keys to move through the application navigator without focusing on these additional elements.
:*When focused on lists, use up/down arrow keys to switch list elements.


===Color and highlight accessibility===
===Color and highlight accessibility===


:* Fields on a form include a tooltip icon. Icon name is highlighted when the icon is in focus.
:* Fields on a form include a tooltip icon. Icon name is highlighted when the icon is in focus.
:* The GUI component that has current focus is shown with stronger highlighting.
:* The GUI component that has current focus is shown with stronger highlighting and color.
 
{{Note|<br>Zoom limitations are from 25% to 200%.}}


===Screen reader accessibility===
===Screen reader accessibility===


:* Fields on a form include a tooltip icon. Screen readers read the tooltip when the icon is in focus.
:* Fields on a form include a tooltip icon. Screen readers read the tooltip when the icon is in focus.
:* Elements such as links or button are listed as such for screen reader awareness.
:* Elements such as links or buttons are listed as such for screen reader awareness.
:* The preferred browser for screen reader accessibility is the most recent version of '''Google Chrome'''.
:* The preferred browser for screen reader accessibility is the most recent version of '''Google Chrome'''.
:* The preferred screen reader for AgileApps is '''Freedom Scientific JAWS''' screen reader.
:* The preferred screen reader for AgileApps is '''Freedom Scientific JAWS Professional''' version 2020 or later.
 
{{Note| '''Tooltip'''<br>
:* Visibility: When the content of the tooltip is lengthy, a scrollbar is automatically added to enhance visibility.
:* Accessibility: Users can conveniently navigate through the tooltip by scrolling the mouse wheel. This allows for smooth and easy access to the entire tooltip content. It is recommended to use mouse for navigating the tooltip.}}
 
===Accessibility Support===
To use these accessibility features, you should have the following:
:*Browser:
::*Google Chrome: Most recent version.
:*Screen reader software:
::*JAWS Professional: version 2020 or later.
 


{{Note|<br>Detailed information on all the accessibility features achieved using keyboard shortcuts is available here: [[Keyboard Interaction for AgileApps new UI Accessibility]].}}
{{Note|<br>Detailed information on all the accessibility features achieved using keyboard shortcuts is available here: [[Keyboard Interaction for AgileApps new UI Accessibility]].}}


{{Note|<br>Accessibility support is subject to browser and screen reader limitations.}}
{{Note|<br>Accessibility support is subject to browser and screen reader limitations.}}
<!--- {{Note|<br>For high contrast mode the preferred browser is '''Microsoft Edge'''.}} --->

Latest revision as of 11:52, 15 June 2023

Using accessibility features

Accessibility features include keyboard navigation, color and style settings and using a screen reader. Accessibility is a core consideration for AgileApps. Accessibility Mode allows users of assistive technology, such as speech recognition software and screen readers, to use AgileApps more effectively. By default, Accessibility Mode is disabled.

To enable accessibility mode in AgileApps, do the following:

  • Accessibility mode works only in AgileApps new user interface. In legacy user interface, click Gear icon and select Account Management.
14161 7.png
  • Select Company Information.
14161 4.png
  • Click Edit on the displayed form.
14161 5.png
  • Click the checkbox Activate New User Interface and Click Save.
14161 6.png
  • Refresh the page for the new UI to take effect. On the new UI, select {Login Name} and click Edit profile.
14161 1.png
  • On Personal profile Tab, select Accessibility mode checkbox and click Save.
14161 2.png

The following capabilities are available when you enable accessibility mode. These capabilities are only available in run-time user interface.

Keyboard Accessibility

The AgileApps Platform is designed to be as accessible as possible through a keyboard. You can easily tab through the platform user interface.

  • Use the Tab and Shift+Tab keys to move forward and back through the links and other selectable fields.
  • Use Arrow keys to work within menus or radio button groups to navigate between entries.
  • Use the Spacebar or Enter keys to select or de-select the current checkbox or radio button, to open a file, or to select the link in focus.
  • Use the Esc key to close a popup window.

Tab-through provides the following options:

  • Use Skip to main content to shift focus to the main part of the page without tabbing through every element.
  • When focused on tabs, use right/left arrow keys to switch tabs.
  • On edit pages such as forms, the keyboard focus starts at the first editable field on the page.
  • When focused on lists, use up/down arrow keys to switch list elements.

Color and highlight accessibility

  • Fields on a form include a tooltip icon. Icon name is highlighted when the icon is in focus.
  • The GUI component that has current focus is shown with stronger highlighting and color.

Notepad.png

Note:
Zoom limitations are from 25% to 200%.

Screen reader accessibility

  • Fields on a form include a tooltip icon. Screen readers read the tooltip when the icon is in focus.
  • Elements such as links or buttons are listed as such for screen reader awareness.
  • The preferred browser for screen reader accessibility is the most recent version of Google Chrome.
  • The preferred screen reader for AgileApps is Freedom Scientific JAWS Professional version 2020 or later.

Notepad.png

Note: Tooltip

  • Visibility: When the content of the tooltip is lengthy, a scrollbar is automatically added to enhance visibility.
  • Accessibility: Users can conveniently navigate through the tooltip by scrolling the mouse wheel. This allows for smooth and easy access to the entire tooltip content. It is recommended to use mouse for navigating the tooltip.

Accessibility Support

To use these accessibility features, you should have the following:

  • Browser:
  • Google Chrome: Most recent version.
  • Screen reader software:
  • JAWS Professional: version 2020 or later.


Notepad.png

Note:
Detailed information on all the accessibility features achieved using keyboard shortcuts is available here: Keyboard Interaction for AgileApps new UI Accessibility.

Notepad.png

Note:
Accessibility support is subject to browser and screen reader limitations.