Progressively Enhanced Form Validation, Part 2: Layering in JavaScript

In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibility concerns.

#English #Form Validation #Forms #JavaScript

·cloudfour.com·Aug 28, 2023

Progressively Enhanced Form Validation, Part 2: Layering in JavaScript

Enhancing Usability: The Role of Placeholder Labels & Accessible Names in Forms

This YouTube video discusses web accessibility, including form controls, labels' importance, ARIA labels, screen reader behavior, testing with JAWS and NVDA, placeholders versus labels, and the significance of visible labels for inclusivity online.

#English #Youtube #Video

·youtube.com·Sep 13, 2023

Enhancing Usability: The Role of Placeholder Labels & Accessible Names in Forms

Contextual form errors and ARIA

#English #ARIA #Forms #WCAG

·marcus.io·Aug 14, 2023

Contextual form errors and ARIA

Progressively Enhanced Form Validation, Part 1: HTML and CSS

#English #Forms #Form Validation #HTML

·cloudfour.com·Aug 14, 2023

Progressively Enhanced Form Validation, Part 1: HTML and CSS

Form design: from zero to hero all in one blog post

#English #HTML

·adamsilver.io·Jul 30, 2023

Form design: from zero to hero all in one blog post

Designing forms for gender diversity and inclusion

#English #HTML #Gender-Inclusive #Trans

·uxdesign.cc·Jul 29, 2023

Designing forms for gender diversity and inclusion

Inputs

#English #HTML

·bbc.co.uk·Jul 26, 2023

Inputs

Excluding non-binary people by design: How sign-up forms can lead to discrimination by Sarah L. Fossheim

#English #Non-Binary People

·fossheim.io·Jul 22, 2023

Excluding non-binary people by design: How sign-up forms can lead to discrimination by Sarah L. Fossheim

Handling Validation Errors in Forms

#English

·upyoura11y.com·Jul 20, 2023

Handling Validation Errors in Forms

Accessible Forms 101

#HTML #English

·upyoura11y.com·Jul 20, 2023

Accessible Forms 101

Accessify.com - all the tools, links and resources you'll ever need to make your web site accessible.

#English

·accessify.com·Jul 20, 2023

Accessify.com - all the tools, links and resources you'll ever need to make your web site accessible.

Structuring Accessible Forms

#English

·youtube.com·Jul 19, 2023

Structuring Accessible Forms

A Guide To Accessible Form Validation — Smashing Magazine

#English

·smashingmagazine.com·Jul 19, 2023

A Guide To Accessible Form Validation — Smashing Magazine

Forms Tutorial

#English #Tutorials

·w3.org·Jul 16, 2023

Forms Tutorial

WebAIM: Creating Accessible Forms

Accessible forms are easy to understand, complete, and submit. Instructions, cues, required form fields, and field formatting requirements must be clearly identified to users. Error recovery must be intuitive and descriptive.

#English

·webaim.org·Jul 14, 2023

WebAIM: Creating Accessible Forms

6 Quick tests you can do to test your forms for accessibility

#English

·karlgroves.com·Jul 3, 2023

6 Quick tests you can do to test your forms for accessibility

Fieldsets, Legends and Screen Readers again

The grouping and labeling of thematically related controls within a form is an important aspect of providing semantic information so users can understand and complete a form successfully.

#English #HTML #Fieldsets #Legends #Screen Readers

·tpgi.com·Jul 7, 2023

Fieldsets, Legends and Screen Readers again