Hot answers tagged

141 votes
Accepted

Why aren't HTML5 typed number inputs right aligned, and should they be?

Number fields should not always be right-aligned It often makes sense to right-align numbers when they are being compared to other number fields (e.g. in financial statements). This can help ...
  • 40.6k
55 votes
Accepted

Should disabled elements be focusable for accessibility purposes?

I do work on a professional webapp for visually impaired, screen reader users. We do user testing regularly, and this has been raised many times during user test sessions that disabled elements that ...
  • 1,947
36 votes
Accepted

Which input control is recommended for a large value range?

I've taken the time to draw some wireframed examples that might help you decide on how to design your time-picker control. Below you can see 3 screenshots which show (IMAGE 1) a time-picker control ...
  • 1,039
16 votes

Which input control is recommended for a large value range?

Another option is a logarithmic slider, like this: download bmml source – Wireframes created with Balsamiq Mockups This is appropriate when the value can span multiple orders of magnitude, but ...
  • 271
16 votes

Should disabled elements be focusable for accessibility purposes?

This is a bit of a tricky one. Normally, with regular form elements, it would be best to fully remove anything you can't interact with or serves no purpose. However, that particular button you're ...
12 votes

Should disabled elements be focusable for accessibility purposes?

As a marginal counterpoint to @Leths, a screenreader lets you get to every object on the page, whether disabled or not, unless they're specifically hidden from the screen reader using aria-hidden=true....
  • 2,273
9 votes

Why aren't HTML5 typed number inputs right aligned, and should they be?

I see two issues off the top of my head with right aligning text in an input type ="number" When the number selector is not visible it looks quite strange with the number awkwardly floating a bit off ...
  • 15.2k
7 votes

Why aren't HTML5 typed number inputs right aligned, and should they be?

As with a lot of UX questions, the answer is 'it depends'. Numbers are right aligned because it makes them easier to compare. In an input field however, you may be entering numbers where it makes ...
  • 4,819
7 votes
Accepted

Is this a parallax effect design?

"Parallax" is a term for the optical effect we see when we change our position in relation to things at different distances: Due to foreshortening, nearby objects have a larger parallax than more ...
  • 2,463
6 votes

Which input control is recommended for a large value range?

Using many input controls with different measurments is rather not optimal, because user will spend time to decide, which one fits to him. You may trim and move x100ns outside edit: download bmml ...
6 votes

Are Placeholders good for default values?

If its acting as a value then why not have it as a value? The placeholder text should be used to hint at the type of entry that is required. In your particular scenario I would either set the value ...
  • 6,085
6 votes

What is the benefit of using the HTML5 <time> tag?

The time element is a machine-readable element. So it is mainly used to help out the computer not the user directly. https://css-tricks.com/time-element/ The element in HTML represents a machine-...
  • 15.2k
6 votes

Should disabled elements be focusable for accessibility purposes?

Edit: The logic is that only if an element responds to events it can be focused. However as @Leths comments from his experience this can be detrimental in some cases. So I guess the best thing to do ...
  • 16.7k
5 votes
Accepted

Are Placeholders good for default values?

I am not an english native speaker so I only knew of the term placeholder when I entered Web design/development. So I just searched Wikipedia about the meaning of the word and read this interesting (...
  • 16.7k
5 votes
Accepted

Which form widget for (seemingly) linear input without default value?

There is already a an interface in hardware design where a potentiometer or rheostat has a switch at one of the ends of the range. In some cases, it is used as an on/off switch, e.g. for a cheap ...
  • 66
5 votes

Which form widget for (seemingly) linear input without default value?

I will suggest you go with radio buttons over slider, because sliders lack the very important features such as: Precision, Speed, Cognitive Load etc. Here's a fantastic study done on this topic (the ...
  • 16.1k
5 votes
Accepted

Need explanation how Clear input button accessibility works

You can simply add the label of the input for context, for example "Clear First name". This is particularly useful if this type of button exists on multiple fields on the page, otherwise it could be ...
  • 171
4 votes

When should a text input be auto selected?

This is a tradeoff decision, so decide by understanding the tradeoffs There is no "right" answer here because you are trading off: The benefits of UX consistency with default browser ...
  • 40.6k
4 votes

When is it appropriate to add the HTML5 "autofocus" attribute to a page?

Keep in mind accessibility. Autofocus can be a huge accessibility hurdle, but is also quite useful in certain situations. It's useful when there's a lot of stuff on the page that a person using a ...
  • 41.7k
4 votes

How to make HTML-dashboards of SPA printable?

This forum is about User Experience (not programmer experience) so I will give you the best answer from the users perspective, regardless of whether it is "quite an effort to implement". The best ...
  • 2,319
4 votes
Accepted

Handling lack of support for HTML5

Assuming your question isn't about how validation should be implemented but about how validation should work to keep user experience smooth and uniform across all devices. If it's about implementation ...
4 votes

Does anyone know of any examples of the use of character counter on an input field?

My bank has a strict 5-digit pincode policy and the input looks like as many underscores as there are characters allowed. It's very minimalist, yet you quickly get that each corresponds to a character....
  • 141
4 votes

Are Placeholders good for default values?

Straight away I assumed Any wasn't a value I could leave there, however the form was insisting I enter Any value. Slightly misleading in my opinion. How about using a select, or a filtering select ...
4 votes

Should disabled elements be focusable for accessibility purposes?

Here is an example of the behavior I would expect from a wizard. In this case it is an uninstall dialog (the first program I could find to try it on). This is how it has been for as long as I can ...
  • 51
4 votes

Should I use the native HTML5 date picker when available?

Generally it is best not to force styling from one system to the other. There is a reason each OS has a particular styleguide when creating products for their platform. It creates a unified scheme ...
4 votes
Accepted

Do users actually use the arrows in <input type="number">?

The answer will depend on multiple factors: What is the allowed range for the input? How far is the wanted value from the current value? What is the input being used for? What type of navigation does ...
  • 5,655
3 votes

How to manage a growing drop down on my blog

If that drop down menu is a list of articles, your best option is to stop using it. Menus like that exist for more permanent navigation options. (Home, About, Contact Us, etc) A better option is to ...
  • 300
3 votes
Accepted

bootstrap auto-hint/validation on form field types

It's not a bootstrap functionality, the new input types are part of the HTML5 specification. You can see an example of they working here. The message that pops out is from the browser, and you can ...
  • 721
3 votes

Which input control is recommended for a large value range?

I don't know how easy this would be to do in Javascript, nor whether it would be appropriate for your particular application. In an app I've worked on, our design team solved this by having a slider ...
3 votes

Are Placeholders good for default values?

I actually agree with Tim's suggestion and think that using placeholders for default values makes total sense. 1) By using Tim's suggestion, the user can distinguish between fields the user has typed ...

Only top scored, non community-wiki answers of a minimum length are eligible