Accessible form validation from scratch
source link: https://uxdesign.cc/accessible-form-validation-from-scratch-part-1-requirements-3b182040153e
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Accessible form validation from scratch
Part 1: Requirements
Photo by Vanessa Bucceri on Unsplash
This is the first in a series of articles to create an accessible form validation example from the ground up, using nothing but HTML, CSS, and JavaScript. No libraries, no pre-processors, no frameworks, not even jQuery.
It’ll be a very simple form that you can extend to your needs.
The big picture
I am not working toward a solution that’s just compliant with standards such as WCAG — I’m work toward the maximally accessible one. In that quest, I will create a solution from scratch.
I don’t pretend that it’ll be perfect. In fact, I’ll be asking for your feedback along the way — because if I know me, then I’ll have a few screwups in store. Feel free to point those out.
This article will cover the requirements for the example. Again, if I miss something, let me know in the comments — and I’ll update the article, if needed.
Why am I doing this?
You’ve likely seen many proposed solutions for accessible form validation. There’s no shortage of articles dedicated to a single part of validation, such as “inline validation” or the use of the aria-invalid attribute.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK