The entry called "Place input labels correctly" is vital, in my experience. I'm partially sighted and use screen zoom and pan&scan a lot. This workflow magnifies any of the problems an average sighted person would have with things like line-lengths, horizontal grouping, etc. Zoomed in, it's often *impossible* to see the form control linked to its label; then when I scan across to find the control, I can't see the label. I have to zoom out to see the association, but then I can't read the label and need to rely on memory, or counting the lines of controls up/down from some known fixed point.
Even Apple and Google's Material Design get this one wrong often (by which I mean *every list of controls they have made in the past 4-5 years). Most modern "list of controls" interfaces (iPad settings, browser settings, Material lists, and many others) force justify the label and control to the far edges of the screen.
---- addition -----
I disagree strongly with "Autoscroll to the first error in large forms". Personally, I find autoscroll abhorrent. It totally messes with my orientation, my sense of 'where am I": tell me where I went wrong, but let me drive my point of focus. I think it would be much better to keep the user at the same place, but to add meaningful feedback at that point: list the problems, with links to the place where the problem occurred , rather than scrolling them to get there. Autoscroll sits with the other bad UX devices like variable height adverts and carousels at the top of pages that cause the content below them to move up and down; and page headers that snap to the top as you scroll up but also change size when they do this. They make me angry, but also just on the edge of physically sick. The older I get, the worse this physical sensation of sea/sickness seems when devices trigger unexpected foreground motion.
Sorry, I went off topic to let out some UX frustration. Hopefully this'll seed useful conversion but sorry if it comes across as vomiting design bile.
Excellent work! Don't want to pile on because the overall work is excellent; but starting with focus on the first element in the form and the jumping to the first error both break accessibility rules. As a sighted user, I love them, but when I was doing accessibility work it was one of the things we had to remove from the site to be fully compliant.
A lot of your other items take view-ability into account are very much required for accessibility, so you may want to caveat those two items.
The entry called "Place input labels correctly" is vital, in my experience. I'm partially sighted and use screen zoom and pan&scan a lot. This workflow magnifies any of the problems an average sighted person would have with things like line-lengths, horizontal grouping, etc. Zoomed in, it's often *impossible* to see the form control linked to its label; then when I scan across to find the control, I can't see the label. I have to zoom out to see the association, but then I can't read the label and need to rely on memory, or counting the lines of controls up/down from some known fixed point.
Even Apple and Google's Material Design get this one wrong often (by which I mean *every list of controls they have made in the past 4-5 years). Most modern "list of controls" interfaces (iPad settings, browser settings, Material lists, and many others) force justify the label and control to the far edges of the screen.
---- addition -----
I disagree strongly with "Autoscroll to the first error in large forms". Personally, I find autoscroll abhorrent. It totally messes with my orientation, my sense of 'where am I": tell me where I went wrong, but let me drive my point of focus. I think it would be much better to keep the user at the same place, but to add meaningful feedback at that point: list the problems, with links to the place where the problem occurred , rather than scrolling them to get there. Autoscroll sits with the other bad UX devices like variable height adverts and carousels at the top of pages that cause the content below them to move up and down; and page headers that snap to the top as you scroll up but also change size when they do this. They make me angry, but also just on the edge of physically sick. The older I get, the worse this physical sensation of sea/sickness seems when devices trigger unexpected foreground motion.
Sorry, I went off topic to let out some UX frustration. Hopefully this'll seed useful conversion but sorry if it comes across as vomiting design bile.