AgileApps Support Wiki Pre Release

Difference between revisions of "Accessibility Mode"

From AgileApps Support Wiki
imported>Aeric
 
(99 intermediate revisions by 2 users not shown)
Line 1: Line 1:
===Legacy UI:===
===Using accessibility features===
To enable accessibility mode in AgileApps legacy UI:<br>
'''{Login Name} > My Settings > My Information > Accessibility Mode'''<br>
'''[[File:GearIcon.png]] > Administration > Access Management > Users > Accessibility Mode'''


Accessibility Mode modifies the user interface so that it can driven purely by keystroke interactions. That change allows the system to be used by the visually impaired (partially blind, blind, and color blind) as well as those with impaired motor skills who interact with a virtual keyboard.
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.


In Accessibility Mode, the following changes are made to the interface:
To enable accessibility mode in AgileApps, do the following:<br>
:* A "skip navigation" link lets a screen reader bypass the links in the header that appear on every page.
 
:* The "gear menu" (an image with clickable links) is replaced by a series of dropdown menus that can be navigated using the keyboard.
:*Accessibility mode works only in AgileApps new user interface. In legacy user interface, click '''Gear''' icon and select '''Account Management'''.
:: [[File:AccessibleMenus.png]]
::[[File:14161 7.png|1000px]]
:* The GUI component that has current focus is shown with stronger highlighting, to make it stand out.
:* Select '''Company Information'''.
:* 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.)
::[[File:14161 4.png|1000px]]
:* 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.
:* Click '''Edit''' on the displayed form.
:* If an object contains a "rich text" field, the form used to add a record to that object displays a plain text field, instead.
::[[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. 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.
 
{{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>Accessibility mode applies to user operations in an application.<br>It applies to most application-design operations, but does not apply to many administrative functions, such as creating a user.}}


{{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]].}}


===New UI:===
{{Note|<br>Accessibility support is subject to browser and screen reader limitations.}}
To enable accessibility mode in AgileApps new UI:<br>
'''{Login Name} > Edit profile > Personal profile Tab > Accessibility Mode checkbox > Save'''<br>
<!-- [[File:14161 1.png|700px]] -->
<!-- [[File:14161 2.png|700px]] -->
 
===Keyboard Keys in Firefox ===


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.


Retrieved from "https://agileappscloud.info/aadev-src/index.php?title=Accessibility_Mode&oldid=29919"