Tuesday, 27 October 2020 00:00
Modified: Friday, 30 October 2020 12:34

Joomla 4 accessibility supportOne of the most important features in Joomla 4 is accessibility support. Joomla! offers many features at its core, including built-in accessibility for both frontend and backend templates.  

There is no need to invest in any external extensions or plugins. With this feature, anyone can manage a Joomla website, it is a fantastic convenience for people who have been struggling with accessibility to use Joomla.

Your website will be compliant with WCAG guidelines and fully accessible to users with physical disabilities thanks to this feature.

What is a Web Accessibility

Accessibility refers to the design of websites to be useful for people with disabilities. It is to ensure that your website is built in a way that works for people with disabilities. The term covers people with various types of disabilities, including those with vision problems or people with physical disabilities, color blindness, and hearing impairment.

The concept and implementation of accessibility are among the essential aspects of modern web design trends and technologies. In the network, all users must have the same access and ability to access the network.

Accessibility on websites benefits not only readers but also website owners. We can access the web using keyboard controls, visual enhancements, and screen reading.

A set of tips has been developed to make your site accessible. These guidelines can, and often must, be followed by site owners, developers, designers, content creators, and everyone else who contributes to creating and maintaining a website.

How to enable accessibility features on the Joomla website?

Open your Joomla 4 backend. Navigate to "System" and to "Plugins."

System plugins Joomla 4

Now in the "Search box" type "accessibility" to find the right plugin easily. It will appear on the list. By default, the plugin will be disabled. You need to enable it.

System plugin j4 accessibility

As you can see, there is an option to choose where you want to enable the Accessibility toolbar.

Site and admin options

You can enable it only for the Administrator (Backend) or a Site (Frontend) or for Both of them as well. This way, you'll add the accessibility toolbar on your Joomla site.

This plugin allows you to manage text size, text spacing, color management, and use many other options.

See the example on the front page:

Button access support

Accessibility option front page

Colors

WCAG 2.0 guidelines for accessibility support select the color of the Joomla 4 administration panel. WCAG guidelines inform about the type of colors (compared to the background color) that can be used in the text of the page, as well as the appropriate minimum font size.

  • The color of the interface complies with the guidelines and is accessible to users with vision problems.
  • The requirements strictly specify that the contrast of the user interface should be greater than 4.5:1.
  • The interface is light and has a clean approach, and the chosen color contrast of the dashboard in Joomla 4 is 4.8:1.
  • The new Joomla 4 admin dashboard is available in two colors: dark blue (sidebar) and light gray (full user interface.)
  • The color contrast used in the CMS is according to the instructions of WCAG 2.0.

Invert colours Joomla 4

Dashboard

The control panel in Joomla 4 brings an improved interface for better work. The user can configure it and set the panel elements' availability and location, which will allow getting quick access to them.

In the Joomla 4 admin interface, the desktop sidebar contains items that you can easily navigate between menus, content, media, components, and templates.

It allows a user with accessibility tools to get anything without having to search for anything quickly. The user interface structure is built to switch items, and search for menu items is easy and effortless.

Accessible menu system J4Keyboard support

One thing to mention in the context of accessibility is ensuring that all content and links on your site are accessible via the keyboard. To do this, use the appropriate HTML structure tags.

Summary

The introduced support for accessibility in Joomla 4 is a crucial step in developing this Content Management System.

Joomla 4: Meet the new Media Manager