Accessibility problem

Closed
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme January 22, 2023
Login to reply
Thomas Langeliers
1 year ago

Solved in the new update!


Thanks!

Thomas Langeliers
1 year ago

Hello, the error is still here on the new update. And BTW since the update it is even worst, since there is now one more error.

I added a screenshot.

A simple workaround is to let aria-required="true" but to add aria-label="comment"

Thanks in advance.

Thomas Langeliers
1 year ago

Thanks!

I think it can be solved by adding aria-label="comment" https://dequeuniversity.com/rules/axe/4.4/label?utm_source=lighthouse&utm_medium=lr but as I'm not a dev, maybe I'm totally wrong!

That being said, in order to give you the best possible answer, I've just added aria-label="comment" to theme/comments.php and It solved the issue!

So I think that adding that to the next update should give the 100/100 to everyone!

Have a nice day

Igor Sunz Support Agent
1 year ago
I will remove aria-required="true" in next update, maybe this will help.
Google doesn't provide examples how to make proper forms and labels
Thomas Langeliers
1 year ago

Hello,

I recently added comments on my site, and I've made a pagespeed, the theme is usually so good that I can make a 100/100 everywhere, but with the comments there is a little problem.

Form elements do not have associated labels

Labels ensure that form controls are announced properly by assistive technologies, like screen readers. 

Failing Elements

div.post-comments > div#respond > form#commentform > textarea#comment

<textarea id="comment" name="comment" cols="30" rows="10" aria-required="true">

Could you fix this please? Or is there a code that I could add to my functions.php plugin so this is fixed?

Thanks in advance!

Additional Info

Link on page with issue: https://www.chaise-de-gamer.fr/fauteuil-gamer/meilleure-chaise-gaming/