Task #75591

Epic #75567: Accessibility: As an editor I want to create accessible content which passes the accessiblity tests from WCAG 2.0.

Form: I want to create a WCAG conform form

Added by Andrea Moroni over 4 years ago. Updated about 2 years ago.

Status:
Closed
Priority:
Should have
Assignee:
Category:
Form Framework
Target version:
-
Start date:
2016-04-14
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
8
PHP Version:
Tags:
Complexity:
Sprint Focus:
Remote Sprint

Description

As an editor I want to create a form which must pass the accessibility-tests WCAG 2.0.

Acceptance Criteria:
  • A warning is displayed if:
  • the label of one of the following Basic form element is empty: Text Field, Text Area, Checkbox, Radio Button, Drop Down, Upload Field, Password Field, Submit Button, Reset Button, Button
  • the legend of a Predefined form elements is empty

The warning contains the WGAC rule and a direct link to the WCAG tutorial (WCAG rule 3.3.2 - Levela A - https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-cues ) and the link to the W3C tutorials ( https://www.w3.org/WAI/tutorials/forms/ )


Files

AXE-Issue.PNG (35.3 KB) AXE-Issue.PNG Andrea Moroni, 2018-02-16 12:48
#1

Updated by Andrea Moroni over 4 years ago

  • Subject changed from Form: As an editor I want to create a form to Form: I want to create a form
#2

Updated by Riccardo De Contardi about 3 years ago

  • Category set to Form Framework
#3

Updated by Benni Mack about 3 years ago

  • Status changed from New to Needs Feedback

The new form framework is quite cool - carla, can you find out what is missing for WCAG compliance?

#4

Updated by Carla Froitzheim about 3 years ago

I will check it.

#5

Updated by Alexander Opitz almost 3 years ago

  • Subject changed from Form: I want to create a form to Form: I want to create a WCAG conform form

What is the state of checking this?
Spoke with Björn, he doesn't see any relevance to the new Form.

#6

Updated by Andrea Moroni almost 3 years ago

I've checked today several forms made with the new Form EXT and found one critical issue on all forms...
Form elements must have labels see attached image

checked with https://www.deque.com/products/axe/ and WCAG Accessibility Audit chrome Plugins

#7

Updated by Bjoern Jacob almost 3 years ago

This is the honeypot field. It is used for spam protection. We don't need it for the user. Maybe we find a solution to hide it for normal users. If the user enters data, the form is classified as spam.

#8

Updated by Alexander Opitz almost 3 years ago

But the honeypot field could also get a random label? But question would be, what does screen reader do with this field?

#9

Updated by Riccardo De Contardi almost 3 years ago

IIRC the label is not necessary if you use the title attribute (https://www.w3.org/TR/WCAG20-TECHS/H65.html)

#10

Updated by Bjoern Jacob almost 3 years ago

Okay, valid point. But now the tricky question. What would be the text (either for the label or the title attribute)? Wanna call it "Hey spammers" or "Honeypot" or "Don't fill me"? I think it is rather complicated to find an appropriate label which stops human beings from filling it out without telling the bot "c'mon this is a honeypot".

#11

Updated by Riccardo De Contardi almost 3 years ago

What about using aria-hidden="true" ?

#12

Updated by Bjoern Jacob over 2 years ago

  • Sprint Focus set to On Location Sprint
#13

Updated by Bjoern Jacob over 2 years ago

  • Sprint Focus changed from On Location Sprint to Remote Sprint
#14

Updated by Bjoern Jacob over 2 years ago

  • Tracker changed from Story to Task
  • Status changed from Needs Feedback to In Progress
  • Assignee set to Bjoern Jacob

I am changing this issue to "Task" since I cannot do it for "Stories". On it.

#15

Updated by Gerrit Code Review over 2 years ago

  • Status changed from In Progress to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/56992

#16

Updated by Gerrit Code Review over 2 years ago

Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/56992

#17

Updated by Gerrit Code Review over 2 years ago

Patch set 3 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/56992

#18

Updated by Gerrit Code Review over 2 years ago

Patch set 4 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/56992

#19

Updated by Gerrit Code Review over 2 years ago

Patch set 1 for branch TYPO3_8-7 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/56996

#20

Updated by Bjoern Jacob over 2 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
#21

Updated by Benni Mack about 2 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF