Skip to Main Content
Sustainable Web Design Logo
  • Home
  • Guidelines
  • Emissions
  • Ratings
  • Contact

◂ Web Development guidelines

3.10 Validate form errors and account for tooling requirements

Web Development

Label forms correctly while also checking for errors both prior to and during submission to reduce the impact of erroneous data entry.

Criteria

  • Error validation: Machine-testable
    Identify errors through live validation and with feedback on submission.
    • 48 Cart Abandonment Rate Statistics 2023
    • Client-side form validation
    • Data Validation
    • Designing for forgiveness
    • HTML attribute: pattern
    • Validating Input
    • WCAG 2.2 Understanding Docs: Error Identification
    • Web Form Validation: Best Practices and Tutorials
  • Label elements: Machine-testable
    Clearly label and identify required elements to ensure easy recognition for users using assistive technologies.
    • GPF – General Policy Framework (PDF) – 4.10 – UX and UI (Input Format)
    • How GDPR Will Change The Way You Develop
    • HTML attribute: required
    • The Label element
    • United Nations SDGS – Goal 1 – Poverty
    • Web Form Validation: Best Practices and Tutorials
  • Allow clipboard: Machine-testable
    Always allow the copying and pasting of content (including passwords) from external sources.
    • Authentication Cheat Sheet
    • Disabling paste in textboxes is not a security feature
    • Don’t Disable Copying / Pasting Passwords
    • Making password managers play ball with your login form
    • Prevents users from pasting into input fields
    • The “Cobra Effect” that is disabling paste on password fields

Benefits

  • Economic
    Fixing issues immediately and keeping people in the process can help to prevent abandonment.
  • Performance
    Enabling users to fill in forms more efficiently and avoid navigating back to where they were or refilling data on forms can increase the speed of necessary form filing and reduce errors in completion.
  • Security
    Allowing people to correct input errors, verify their input prior to submission, and identifying errors early in the process can help to prevent costly data protection mistakes.

GRI

  • Materials: Medium
  • Energy: Medium
  • Water: Medium
  • Emissions: Medium

View the Guideline

Tags

AccessibilityCompatibilityUIUsabilityHTMLSecurity

Share

More web development guidelines

3.1 Set goals based on performance and energy impact

Web Development

3.2 Remove unnecessary or redundant information

Web Development

3.3 Modularize bandwidth-heavy components

Web Development

Learn about W3C’s Sustainable Web Interest Group:

A global community advancing sustainability on the web.

Explore the group

This site is brought to you by

Mightybytes Wholegrain Digital
Website Carbon

This page loaded in 0.25 seconds and emitted just 0.5g of CO2

Visit Website Carbon
Ecograder

How green is your website?

Visit Ecograder
© Copyright Sustainable Web Design 2025. Privacy Policy.