Using the Accessibility Menu

Liferay DXP 2024.Q2+/Portal 7.4 GA120+

Most enhancements to accessibility in Liferay are propagated across the entire platform by default, so all your users can benefit from accessibility improvements. However, certain behaviors are better decided by the individual browsing the site. Beginning in Liferay DXP 2024.Q2/Portal 7.4 GA120, these settings are available in the accessibility menu.

When you enable the accessibility menu, the site’s users can customize their experience with these settings:

SettingWhen enabled…
Underlined LinksForce an underline effect for all links to increase their visibility.
Increased Text SpacingIncrease horizontal spacing between text characters.
Expanded TextExpand all truncated text.
Reduced MotionStop all motion and animations.

Enabling the Accessibility Menu

You can enable the accessibility menu at the site or instance scope. If you have a self-hosted Liferay, you can also enable it at the system scope.

You can enable the accessibility menu in Instance or Site Settings.

  1. To enable the menu at the site scope, open the Site Menu (Site Menu) → ConfigurationSite Settings.

    To enable the menu at the instance scope, open the Global Menu (Global Menu) → Control PanelInstance Settings.

  2. Find the Accessibility entry and click Enable Accessibility Menu.

  3. Click Save or Update.

Using the Accessibility Menu

  1. Once enabled, refresh the browser window and hit the Tab key twice. The option for opening the accessibility menu appears.

    Click the TAB key twice to activate the accessibility menu.

  2. Hit Enter to open the menu.

    Toggle the accessibility options in the menu.

  3. Alternatively, open the user menu and click Accessibility Menu.

    You can open the accessibility menu from the user personal menu.

  4. Toggle the desired options and close the window (click the X or press Esc) when finished.

You can use Tab (forward navigation through UI elements) or Shift+Tab (for backwards navigation) to return to the menu. You may have to repeat the keystrokes several times depending on where your context is when you begin searching for the accessibility menu.

Settings Reference

Guest users’ accessibility menu selections are stored locally if they accepted functional cookies in the site. Authenticated users’ settings are persisted in the database. If a user’s settings have not been saved in the database, local storage is checked before falling back to the default values.

Underlined Links: Force an underline effect to increase the visibility of links.

Users can force the underlining of all links.

Increased Text Spacing: Increase horizontal spacing between text characters to increase readability.

Users can increase the spacing between text.

Expanded Text: Expand all truncated text to show complete messages by default.

Users can expand truncated text.

Reduced Motion: Stop all motion and animations to hide transitions and other movement effects.

Users can stop animations.

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy