Difference between revisions of "Accessibility Mode"

From AgileApps Support Wiki
imported>Aeric
 
(95 intermediate revisions by 2 users not shown)
Line 1: Line 1:
To enable accessibility mode in AgileApps new UI:<br>
===Using accessibility features===
'''{Login Name} > Edit profile > Personal profile Tab > Accessibility Mode checkbox > Save'''<br>


[[File:14161 1.png|700px]]
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. 


[[File:14161 2.png|700px]]
To enable accessibility mode in AgileApps, do the following:<br>


:*Accessibility mode works only in AgileApps new user interface. In legacy user interface, click '''Gear''' icon and select '''Account Management'''.
::[[File:14161 7.png|1000px]]
:* Select '''Company Information'''.
::[[File:14161 4.png|1000px]]
:* Click '''Edit''' on the displayed form.
::[[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]]


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


:* The GUI component that has current focus is shown with stronger highlighting, to make it stand out.
:* Use '''Skip to main content''' to shift focus to the main part of the page without tabbing through every element.
:* The profile images that show who added a note are removed from the display of a record's history. (Their name continues to identify them.)
:* When sending a message or adding a note to a case, task, or any other record, the edit menu is a plain text editor, rather than an icon-driven rich text editor that has few keyboard shortcuts.
:* If an object contains a "rich text" field, the form used to add a record to that object displays a plain text field, instead.
:*When focused on tabs, use right/left arrow keys to switch tabs.
:*When focused on tabs, use right/left arrow keys to switch tabs.
:*Arrows keys work within menus to navigate between entries.
:*Use skip links to shift focus to different parts of the page without tabbing through every element.
:*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.
:*Fields on a form include a tooltip icon. Screen readers read the tooltip when the icon is in focus.
:*When focused on lists, use up/down arrow keys to switch list elements.
:*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.
 
===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.
 
{{Note|<br>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.
 
{{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]].}}


===Keyboard Keys in Firefox ===
{{Note|<br>Accessibility support is subject to browser and screen reader limitations.}}


Here are the effects of the keyboard keys in Firefox:
<!--- {{Note|<br>For high contrast mode the preferred browser is '''Microsoft Edge'''.}} --->
:* '''Tab''' and '''Shift+Tab''' - Move forward to next GUI element, or back to previous one
:* '''Right arrow''' and '''Left arrow''' - Move from one item to the next in a radio-button group
:* '''Spacebar''' - Select or de-select the current checkbox or radio button. Open a file.
:* '''Esc''' - Close a popup window

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.