Skip to content
Snippets Groups Projects
Commit 090a852f authored by Björn Jacob's avatar Björn Jacob Committed by Ralf Zimmermann
Browse files

[TASK] Make honeypot field accessible

The honeypot field now passes the accessibility tests WCAG 2.0 (tested
with Google Lighthouse).

Instead of inserting a label tag or a title attribute - which would be
counterproductive by revealing the purpose of the honeypot - the patch
adds an aria-hidden attribute.

Resolves: #75591
Releases: master, 8.7
Change-Id: Ie4b0b7a245f5c0edf3e01ece60dcb638b2f9bdc1
Reviewed-on: https://review.typo3.org/56992


Tested-by: default avatarTYPO3com <no-reply@typo3.com>
Reviewed-by: default avatarSusanne Moog <susanne.moog@typo3.org>
Tested-by: default avatarSusanne Moog <susanne.moog@typo3.org>
Reviewed-by: default avatarRalf Zimmermann <ralf.zimmermann@tritum.de>
Tested-by: default avatarRalf Zimmermann <ralf.zimmermann@tritum.de>
parent 54c6773a
Branches
Tags
No related merge requests found
.. include:: ../../Includes.txt
======================================================
Important: #75591 - Partials/Honeypot.html has changed
======================================================
See :issue:`75591`
Description
===========
The partial :file:`EXT:form/Resources/Private/Frontend/Partials/Honeypot.html` has been changed. The
honeypot field now passes the accessibility tests WCAG 2.0 by adding an aria-hidden attribute.
All installations with the overwritten partial :file:`EXT:form/Resources/Private/Frontend/Partials/Honeypot.html`
are affected and should be migrated.
.. index:: Frontend, ext:form
......@@ -4,7 +4,7 @@
<f:form.hidden property="{element.identifier}" id="{element.uniqueIdentifier}" additionalAttributes="{autocomplete: 'off'}" />
</f:then>
<f:else>
<f:form.textfield property="{element.identifier}" id="{element.uniqueIdentifier}" class="{element.properties.elementClassAttribute}" additionalAttributes="{autocomplete: 'off'}" tabindex="-1" style="{element.properties.styleAttribute}" />
<f:form.textfield property="{element.identifier}" id="{element.uniqueIdentifier}" class="{element.properties.elementClassAttribute}" additionalAttributes="{autocomplete: 'off', aria-hidden: 'true'}" tabindex="-1" style="{element.properties.styleAttribute}" />
</f:else>
</f:if>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment