Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • A a11yproject.com
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 40
    • Issues 40
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 10
    • Merge requests 10
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • The A11Y Project
  • a11yproject.com
  • Issues
  • #1057
Closed
Open
Issue created Aug 12, 2020 by Byte Blaze@byteblazeMaintainer4 of 4 checklist items completed4/4 checklist items

Add better form validation for our newsletter and contact pages

Currently, we rely on the required attribute for our newsletter signup and contact page forms. While this does provide basic validation for user input, it is a less than ideal experience.

The public email address we were using was failing to deliver email, so we prioritized speed in getting a replacement up and running. We can do better, however. We need:

  • JavaScript validation logic for empty required input on form submission.
  • Clear and concise error messaging associated with each input via ARIA.
  • A summary area at the top of the form if more than one error is present, linking to each relevant input field.
  • A designed error state that does not rely on color alone.
Assignee
Assign to
Time tracking