HTML (HyperText Markup Language) is the predominant markup language used for creating web pages. In modern web pages, HTML is used to markup the contents of the website, while CSS and Javascript are used to define the styles and behaviors respectively.

learn more… | top users | synonyms

80
votes
10answers
2k views

Is Markdown Friendly Enough for Non-Technical Users?

The Problem I love using markdown to write questions, answers, posts, comments etc. That being said, I am a very technical, detail oriented, programmer type. However, I am working on a CMS of sorts ...
58
votes
15answers
26k views

Why is it impossible to deselect HTML “radio” inputs?

Previous title: Default behavior of HTML “radio” inputs: Did they get it wrong? In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple ...
56
votes
7answers
3k views

Should the space between the checkbox and label be clickable?

Take, for example, these two scenarios. Both very similar HTML, but different semantically: Scenario 1: <label for="myCheckbox"> <input type="checkbox" id="myCheckbox" /> My ...
31
votes
6answers
4k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
30
votes
22answers
830 views

Is there ever a good reason to force opening a new browser window?

As a power web user, I know how to use my browser and it drives me nuts when web sites force me to open a new page. My mother, by contrast, just gets confused when this happens. At the end of a web ...
29
votes
7answers
5k views

Is there an optimal font size / line height ratio?

When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
28
votes
17answers
985 views

All my users are from Afghanistan; or, how to get users to correctly fill out a form

I have a website with a form users fill out to create an account. Following advice from this forum and other places I am asking for only the minimum required information to create an account, i.e., ...
25
votes
6answers
10k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal ...
22
votes
11answers
2k views

Should a full-sentence HTML link include the period in the linked text?

In HTML, if a full sentence is used for a link, should its terminal punctuation (i.e., period) be included in the linked text? Consider these two examples: <a href="about:blank">Watch the ...
22
votes
4answers
2k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
21
votes
7answers
3k views

Best way to offer a large amount of selectable options (without using Javascript)?

I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance. Let's say I have a library application that allows a user (librarian) to add a book to the ...
21
votes
7answers
3k views

Pros/Cons of PSD mockups vs. HTML mockups

I've read some articles (this one and this one) recently that are opening my eyes to HTML mockups as opposed to the usual PSD mockups. In the article they cite certain pros: Changes are a lot ...
21
votes
5answers
802 views

Should users be allowed to copy and paste rich text into text?

I have a wiki-style application where users can create articles. Recently, some users have been complaining that our editor does not support copying rich text and formatting from applications like ...
17
votes
1answer
437 views

Is it ok to use h1 and then h3 instead of h1 and then h2?

I am doing an accessibility review on a site but I have never done that before. I read the WCAG 2.0 document which said that the headings have to be in logical order. There is a page with h1s and ...
16
votes
4answers
6k views

Should I manually hyperlink phone numbers using “tel:” on my websites?

In code, you have the ability to make a phone number on a website into a link by prepending the phone number in the href with a "tel:" So, for example, you can create a link to 800-867-5309 with the ...
15
votes
4answers
2k views

Does the average user understand the standard HTML multiple select box?

If I want the user to select one or more items the HTML symantecally correct form element would be <select multiple>. So the code would be: <select multiple id="sel"> ...
14
votes
1answer
4k views

Why is it inaccessible to create a form with no submit button?

Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
13
votes
5answers
3k views

Modern approach to textarea (or alternatives)

For a simple text editor for longer articles I am looking for advice and inspiration on programming/designing a minimalistic and modern textarea (which does not necessarily have to use the tag) ...
12
votes
8answers
935 views

Should Printer-Friendly button open a new browser window ?

Reading Common web app usability gotchas? I felt guilty when I read that using a target = "_blank" is a bad thing. I have developed a small web application that format Stack Exchange questions in a ...
12
votes
6answers
1k views

Should every page in a site have a totally unique H1?

I agree that every page in a site should have a unique TITLE, and that every page should have one and only one H1 element, but should the text of each H1 be completely unique too? Instinctively one ...
12
votes
4answers
504 views

WAI-ARIA & HTML5 - Why should I favor the latter?

I want to learn more about how to make webpages more accessible, so I've spend the last few hours reading about WAI-ARIA. Still, the whole concept isn't quite clear to me - HTML5 is part of that ...
11
votes
9answers
1k views

Whats a better user experience: A scrollable table or a full size table allowing the browser window to do scrolling?

Whats a better user experience: A scrollable table by using overflow css settings in a DIV? A full size table allowing the browser window to do scrolling?
11
votes
10answers
397 views

Coding Best Practices as UX?

I've been stating in most of my recent contracts that meeting HTML coding Best Practices (what's outputted to the browser) is an important part of UX. This would include things like Semantics (using ...
11
votes
3answers
723 views

Is there a convention for distinguishing internal and external links in a website?

From a user point of view, I think it is a reasonable idea to distinguish internal and external links. By internal links, I mean links that have the same domain name than the website displaying the ...
9
votes
2answers
2k views

Proper usage of fieldset / legend tags

I'm wondering what the suggested usage of <fieldset>s are on a webpage. For example, on a simple page with just one form (one set of inputs) is it still recommended to use a fieldset? Or should ...
9
votes
7answers
2k views

How do users expect dropdown navigation to work?

This question is in regards to expected behavior with drop-down navigation in web pages. This is part of an email I just got from a client: ("Admissions" is one of the top level navigation links) ...
9
votes
2answers
370 views

How should a website's title be structured?

Are there any best practices for choosing the title of web pages? There are a lot of resources online oriented toward SEO, but not toward users. My impression is that most sites have something ...
9
votes
4answers
715 views

Best way to display continents and countries lists on a web page

A world map and two lists displayed on a web page are connected. Hover over "Romania" link and the Romania region highlights on the world map (jVectorMap fiddle example). As you can imagine, the two ...
8
votes
5answers
724 views

Is a language switcher necessary on a web site's every page?

I'm working on a multilingual WordPress driven web site running the WPML plugin. WPML offers a language switcher widget which is pretty neat. However, the layout of the page I'm working on is very ...
8
votes
4answers
725 views

How to correctly encode a leaderboard with a gap in HTML

I want to display a leaderboard like so: 1 - John 232342 2 - Mary 45234 3 - Luke 234 59 - You 45 It's an ordered list but I can't make an ordered list that jumps from 3 to an arbitrary ...
8
votes
3answers
971 views

Multiscreen Forms (Wizards), the Form's Previous Button, and the Back Button

Scenario: I have a web form split across 3 screens/pages. A user can move between forward and back between the screens via Next and Previous labeled buttons respectively. Question: When the user ...
8
votes
3answers
245 views

Accessible way to override tab key in textarea

I'd like to create a textarea for code which would allow the user to press Tab and Shift + Tab to indent and outdent the content respectively, however I'm worried that overriding the Tab key would ...
8
votes
1answer
136 views

Is it better to have more links to the homepage on your website?

Is it a good idea to have more than 2 or 3 links to the homepage on your website? Think about something like: Link in Footer Link in Header (obvious) Link in content Link the headerlogo to homepage ...
8
votes
4answers
329 views

Looking for advice regarding a Web design involving 3-dimensional lists

I hope this is the right place for Web design advice; considering StackOverflow also, but not sure if pure design questions are welcome there? I'm trying to design a Web page that is to display ...
7
votes
4answers
380 views

Is it good practice to only accept numeric keystrokes in number-only fields?

I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?
7
votes
5answers
568 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
7
votes
2answers
542 views

How to best display a table of data with sub items?

We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
7
votes
2answers
306 views

Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field. I need some good way to display data that will be cut off. I tried to use a Bootstrap based Tooltip or Popover on ...
6
votes
3answers
251 views

Are extensive validations necessary on mundane input forms in a website?

I'm having a rather bitter affair with my client who also happens to be my boss at office. He is a completely non-technical dumb muggle in terms of application development. The frustrating thing is ...
6
votes
4answers
516 views

How to avoid pagination when an items list is very large (Webapp)?

We have a web application for correcting automatically-detected mistakes in translation documents. Those are split into sentences and their amount can be up to hundred thousands (its not even closely ...
6
votes
2answers
188 views

Measurement to use when designing for desktop and mobile

I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
6
votes
1answer
1k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
6
votes
2answers
170 views

When should the message informing the user that the password they entered is wrong go away?

This is a follow up to this question since it got closed. In a log in form, after the user enters the wrong password, when should the message saying "wrong password or user name" go away? For example ...
5
votes
6answers
2k views

Best UI for an HTML table. [closed]

I frequently need to show tabular data and I want all the magic . . . sorting columns, pagination, etc. I prefer to use columns where you click on the name of the column and the sorting is done for ...
5
votes
3answers
641 views

Affordance of Edit In Place functionality

I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
5
votes
3answers
416 views

Emails in plain text or HTML?

When communicating with customers, is it better to send emails in plain text or html formats? Each has different strengths and weaknesses, but the question of which is better still remains. Which ...
5
votes
1answer
92 views

Wrapping Stack Exchange footer site list?

Browsing through the StackExchange Android website I came across this, and was curious whether wrapping of site names is correct. Will a users eye automatically read "User" and wrap their eyes to the ...
5
votes
2answers
389 views

Sign up button disabled by default - Best practice?

I would like to know what the best practices in the web are for Sign up button on HTML Forms. Currently the site I'm working on has a design in which Sign up is disabled by default and is enabled when ...
5
votes
5answers
783 views

Best way to show User Profile?

I'm working on a web application where I have to save a user's info. This form has about 20 fields. This is the format I am currently using: Problem: What's the best way to show these fields in a ...
5
votes
1answer
319 views

Accesibility vs. read-only input fields

I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs. Are there problems with this approach using and assistive technology? ...