Project

General

Profile

Actions
Copy link

Task #75591

closed

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 about 8 years ago. Updated over 5 years ago.

Status:
Closed
Priority:
Should have
Assignee:
Björn Jacob
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
Actions
Copy link
 #1

Updated by Andrea Moroni about 8 years ago

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

Updated by Riccardo De Contardi over 6 years ago

  • Category set to Form Framework
Actions
Copy link
 #3

Updated by Benni Mack over 6 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?

Actions
Copy link
 #4

Updated by Carla Froitzheim over 6 years ago

I will check it.

Actions
Copy link
 #5

Updated by Alexander Opitz about 6 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.

Actions
Copy link
 #6

Updated by Andrea Moroni about 6 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

Actions
Copy link
 #7

Updated by Björn Jacob about 6 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.

Actions
Copy link
 #8

Updated by Alexander Opitz about 6 years ago

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

Actions
Copy link
 #9

Updated by Riccardo De Contardi about 6 years ago

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

Actions
Copy link
 #10

Updated by Björn Jacob about 6 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".

Actions
Copy link
 #11

Updated by Riccardo De Contardi about 6 years ago

What about using aria-hidden="true" ?

Actions
Copy link
 #12

Updated by Björn Jacob almost 6 years ago

  • Sprint Focus set to On Location Sprint
Actions
Copy link
 #13

Updated by Björn Jacob almost 6 years ago

  • Sprint Focus changed from On Location Sprint to Remote Sprint
Actions
Copy link
 #14

Updated by Björn Jacob almost 6 years ago

  • Tracker changed from Story to Task
  • Status changed from Needs Feedback to In Progress
  • Assignee set to Björn Jacob

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

Actions
Copy link
 #15

Updated by Gerrit Code Review almost 6 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

Actions
Copy link
 #16

Updated by Gerrit Code Review almost 6 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

Actions
Copy link
 #17

Updated by Gerrit Code Review almost 6 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

Actions
Copy link
 #18

Updated by Gerrit Code Review almost 6 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

Actions
Copy link
 #19

Updated by Gerrit Code Review almost 6 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

Actions
Copy link
 #20

Updated by Björn Jacob almost 6 years ago

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

Updated by Benni Mack over 5 years ago

  • Status changed from Resolved to Closed
Actions
Copy link

Also available in: Atom PDF