New answers tagged

0 votes

Accessible phone number input

I think there is very little validation one can actually correctly do with a phone number, which sort of solves your problem. I am basing the following points on this article, which is not an official ...
2 votes

Accessible phone number input

You mention that 'we are not strict in the accepted input', yet you do perform some validation. I believe the guidelines encourage that users form a clear upfront expectation of what the system will ...
0 votes

How to create a good user experience for a matrix of input fields?

Given that your users opt more readily for the more involved process of exporting/editing/importing the data, this may be indicative of some distrust of your form experience. It would help to be able ...
0 votes

Should fields labels also be clickable?

Actually, are a lot of references that support this practice and none that raise concerns about it. Mozilla explains pretty well the need for clickable labels, a practice that was adopted in ...
0 votes

Best way to denote that multiple fields are no longer editable?

I'd suggest you to check why you need the non-editable fields on the same form as the editable ones. Do you really need to display them simultaneously? And what are you going to do if some users just ...
4 votes

Best way to denote that multiple fields are no longer editable?

You got some good ideas there - just do all (or most) of them, I would say. Redundancy is always good, some users will see this option and others will understand the other one better. Just prevent ...
1 vote

How to display [missing text] in a form

First of all, error messages are not enemies, they're friends or guides who explain what to do if you are facing some difficulties while completing the form. Here you will have to use actionable ...
0 votes

How to display [missing text] in a form

I think more understandable than a dash for a missing text is an em dash: &mdash or &#8212 Name: Jeff Surname: — Mail: jeff@example.org
  • 15.4k
0 votes

Registration Portal UX with many steps & complex requirements - Best practices & good examples?

You need to involve UX more in order to solve this. Gather your requirements like the voice of the customer ( find out more details on why owners are overwhelmed, what steps are confusing, any ...
  • 4,343
1 vote

How do you define input length?

Although the rule we learn is to make the input field length approximate the expected input length, in reality, we see a lot of examples where aesthetic considerations take more importance. A good ...
  • 9,633
1 vote

How do you define input length?

Personally, I have a constant fight with DEVs and their habit of setting exaggerated margins in all the elements. In fact, when I receive a finished project, I open it in the browser and assign margin:...
  • 15.4k
1 vote

Best Practices for Downloadable Free Guide Pages

This is a car. It has: An engine, which runs on diesel Four doors, two on each side Four wheels, one in each corner Many people have gotten one and say they like it Want to try it out and see if ...
1 vote

Web application: showing information with form format

The main argument against the use of elements without utility in their functionality is that by respecting their formal characteristics, important visual imbalances are produced that obviously affect ...
  • 15.4k
1 vote

How to write an accessible error message for a required radio button group form element?

From a Web Content Accessibility Guideline (WCAG) perspective, follow WCAG 3.3.1 Error Identification, which says If an input error is automatically detected, the item that is in error is identified ...
  • 2,068

Top 50 recent answers are included