Anyone got a oven-ready “guide” to ensure your web app works slick? Basically a do my homework for me question, since I’m quite fresh at web apps. A bit of background, the application is actually at least 2 apps, but both live underneath Vue framework, and were built by 3 different teams. I have a chance to workflow some of the navigation and UI styling that is already in place. Were can I start?
- Submit buttons on all forms are disabled until the form is ready/filled sufficiently
- Tab key moves to next field
- Enter key defaults to the submit button
- Make all controls and forms have unique ID’s using a pretty naming scheme to make Selenium less painful (currently I am fixing these one at a time)
- Make sure every place the user will see an error that we use “red” text next to the error area in question
- Make sure the “confirm” dialogs only interrupt the workflow and only appear when the user is about to do something irreversible
- Don’t ever show dialogs with just an “OK, was done successfully” when the server completes an action, instead only stop the flow when errors occur.
- Button shape standard?
- Spinner and progress consistency standard?
etc. Or am I stating the obvious, or rather simply missing a few key ones. Also keen to slip a few “accessibility” guidance point in here too, but I need to run a trial using Lighthouse for chrome to see what it flushes out most on.
Thanks in advance, homework due date is probably 2 weeks away.