Accessibility violation: Ensures ARIA attributes are allowed for an element's ro

rusasadmins
Topic Author
Offline

1 year 5 months ago #9330 by rusasadmins

Accessibility violation: Ensures ARIA attributes are allowed for an element's ro was created by rusasadmins

When required fields are included in a form, the form triggers the following accessibility violation:

Ensures ARIA attributes are allowed for an element's role
Element Location

.field19

Element Source

<div class="field19 required" aria-required="true">

To solve this problem, you need to...
Fix the following:

ARIA attribute is not allowed: aria-required="true"

Examples of forms where this violation appears can be seen at:

* sociology.rutgers.edu/news-events/submit-news
* sociology.rutgers.edu/news-internal-source
* sociology.rutgers.edu/contact-us-symposium
* sociology.rutgers.edu/newsletter-submit-event
* edison.rutgers.edu/contact-us

Thanks,
Eddie

Administrator IV
Offline

1 year 5 months ago #9333 by Administrator IV

Replied by Administrator IV on topic Accessibility violation: Ensures ARIA attributes are allowed for an element's ro

Hello Eddie,

Web accessibility evaluation tools are software programs or online services that help you determine if web content meets accessibility guidelines.
Different aspects are to be considered when selecting these tools.

Web accessibility evaluation tools can help you quickly identify potential accessibility issues.
Human judgment is always required.

Sometimes evaluation tools can produce false or misleading results.
Different tools sometimes produce different results.

Could you please explain in more detail which tool you are using and probably which policy is being violated or which accessibility issue rises and how it happened according to the tool used?
Before we change code to set ARIA attributes, we want to be sure that what we're changing is correct.

Best regards, Ingmar

I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-)

rusasadmins
Topic Author
Offline

1 year 5 months ago - 1 year 5 months ago #9338 by rusasadmins

Replied by rusasadmins on topic Accessibility violation: Ensures ARIA attributes are allowed for an element's ro

Hi, Ingmar,

Thanks for the reply. The violation was detected using Deque axeMonitor and was reproduced using the axe DevTools plugin for Chrome. When a page is scanned using these tools - for example, edison.rutgers.edu/contact-us - this error is reported for each instance of a required field in the Visform:

Elements must only use allowed ARIA attributes

Ensures ARIA attributes are allowed for an element's role

more information: dequeuniversity.com/rules/axe/4.7/aria-a...pplication=AxeChrome

Element Location:

.field11<div class="field11 required" aria-required="true">

To solve this problem, you need to fix the following:ARIA attribute is not allowed: aria-required="true"

In addition, the reCAPTCHA element returns the following accessibility violation:

<html> element must have a valid value for the lang attribute

Ensures the lang attribute of the <html> element has a valid value

more information: dequeuniversity.com/rules/axe/4.7/html-l...pplication=AxeChrome

Element Location:

iframe[title="reCAPTCHA"] html
<html dir="ltr" lang="en_gb">

To solve this problem, you need to fix the following:
Value of lang attribute not included in the list of valid languages

Thanks,
Eddie

Last edit: 1 year 5 months ago by rusasadmins.

Administrator IV
Offline

1 year 5 months ago #9396 by Administrator IV

Replied by Administrator IV on topic Accessibility violation: Ensures ARIA attributes are allowed for an element's ro

Hello Eddie,

we consider this a bug in Visforms and will adjust the behavior.
I created a development issue for the bug list:
Issue [VF-820] Forum: Accessibility violation: All control group DIVs having aria-required="true"

When we release the bug fix, you will be explicitly informed about the release here in the topic.
Thank you for your report!

Kind regards, Ingmar

Administrator IV
Offline

1 year 5 months ago #9398 by Administrator IV

Replied by Administrator IV on topic Accessibility violation: Ensures ARIA attributes are allowed for an element's ro

Hello Eddie,

there is a bug fix to fix the error.

Download the following files:
- vi-solutions.de/forum-bugfixes/jquery.validate.js
- vi-solutions.de/forum-bugfixes/jquery.validate.min.js

Use the files to overwrite the following files on the server:
- media/com_visforms/js/jquery.validate.js
- media/com_visforms/js/jquery.validate.min.js

Kind regards, Ingmar