Search
Items tagged with: forms
Placeholders in Form Fields are Harmful
Data-entry form fields on websites are crucial for ecommerce and many other applications. Fields need labels and (sometimes) instructions, but placing this t...YouTube
In Loving Memory of Square Checkbox
History of checkboxes and radio buttons in user interfacestonsky.me
16 Lesser Known Accessibility Issues [and Tips]
https://toward.studio/latest/16-lesser-known-accessibility-issues
"12. Don’t hide labels. Ever."
#a11y #accessibility #webdev #webdesign #tips #UIDesign #forms
16 Lesser Known Accessibility Issues | Toward
In this post Matt discusses 16 accessibility issues and solutions we've encountered while building a bi-lingual website application for a public sector…Toward Studio
The problem with disabled buttons and what to do instead:
https://adamsilver.io/blog/the-problem-with-disabled-buttons-and-what-to-do-instead/
Disabled buttons suck:
https://axesslab.com/disabled-buttons-suck/
#UIDesign #forms #usability #a11y #accessibility
Disabled buttons suck
Showing buttons as disabled until a form is complete might seem like a good idea. It is not. They usually create a lousy user experience and exclude many people with disabilities. Here's why disabled buttons suck and what to do instead.Hampus Sethfors (Axess Lab)
Writing Accessible Form Messages - Ricky Onsman
Writing accessible form messages is of critical importance for people with some kinds of disabilities.Ricky (Ricky Onsman)
The problem with input masks and what to do instead
Adam Silver – interaction designer - London, UKAdamsilver.io
Float labels may put you in the cool club, but they’re terrible UX.
It’s much better if your input’s label:
1) is legible
2) is above the input
3) doesn’t move about
4) is not mistaken for an answer
Simple > clever
-Adam Silver via Twitter
https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/
#webdesign #forms #UIDesign
Usability Pitfalls of Disabled Buttons, and How To Avoid Them — Smashing Magazine
How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.Smashing Magazine
Structuring Accessible Forms
Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...YouTube
inputmode - HTML: HyperText Markup Language | MDN
The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.developer.mozilla.org
One day we'll have a fully customisable select - HTMHell
A collection of bad practices in HTML, copied from real websites.One day we'll have a fully customisable select - HTMHell
Don’t Use The Placeholder Attribute — Smashing Magazine
The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.Smashing Magazine
There can be only one: Options for building “choose one” fields - HTMHell
A collection of bad practices in HTML, copied from real websites.There can be only one: Options for building “choose one” fields - HTMHell
Why the GOV.UK Design System team changed the input type for numbers
About digital and technology projects in government.technology.blog.gov.uk