Skip to content
Permalink
Browse files
Improves a11y of password protected video form
According to the WCAG success criterias 1.3.1 (Info and relationships),
3.3.2 (Labels or Instructions) and 4.1.2 (Name, Role, Value), labels
or instructions are required when content requires user input.

To do so, this commit adds a label for the password input and hide it
with a CSS visually-hidden method to not alter the design.

Resources:
- https://www.w3.org/TR/WCAG21/#labels-or-instructions
- https://www.w3.org/TR/WCAG21/#info-and-relationships
- https://www.w3.org/TR/WCAG21/#name-role-value
- https://www.w3.org/TR/WCAG20-TECHS/H44.html
- https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html
- https://gomakethings.com/hidden-content-for-better-a11y/
  • Loading branch information
hiwelo committed Apr 13, 2019
1 parent 726e9bf commit ce07a621e503bef744bf9cb403a775ad548706d9
Show file tree
Hide file tree
Showing 2 changed files with 467 additions and 464 deletions.

0 comments on commit ce07a62

Please sign in to comment.