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

38
votes
8answers
9k 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 ...
0
votes
1answer
15 views

Clear selected character of Alphabet Filter

I'm working with a results grid for which I am adding an "alphabet filter": The darkened portion indicates the selected letter for which to filter. I'm attempting to find a good way to indicate ...
0
votes
1answer
128 views

UI design for mapping configurator

Looking to design an admin page that will allow users to map meta data between external and internal web service We have internal process xml file that contain order details that may be fulfilled by ...
10
votes
8answers
3k 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) ...
0
votes
2answers
110 views

How do you design UI with multiple forms within a table?

My current UI: Notable points: gray row(s) including the input fields on the left, and the Save button towards the right, are part of a single form. Del button on the right is a form entire ...
0
votes
1answer
28 views

Best way to display contextual user entry errors in a tabbed html form

I have a web application that has a very large form. That form is split into several tabbed areas, which divide the entry of the data in to logical blocks. I have a single submit button outside the ...
1
vote
2answers
63 views

Is having the number of search results in heading markup accessible

In a recent accessibility report of our application there were some points stating that the number of results should not be in a heading on the page. For example, the markup should be: ...
2
votes
3answers
93 views

Should a website look presentable without StyleSheets?

I'm trying to super simplify all my forms, input fields etc. Using absolute minimum of HTML markup, and then use CSS to make it look good and well-formatted, with pseudo block elements and so on If ...
0
votes
1answer
362 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
14
votes
4answers
2k views

Is there any recommended control for triple options like YES / NO / NONE?

I'm designing a user opinion page where the user has three choices. For instance, if the question is "Is it suitable?" the three options could be "YES", "NO", or "NoIdea". In this case, what control ...
0
votes
1answer
51 views

How to improve UI within a form, where a field can change type, based on data you want to enter

Goal: I want to have a input field that changes its name and value based on what the person wants to enter. Scenario: I have a form that currently goes like this: Some Data input field ...
1
vote
1answer
36 views

How to reference a part of the page that could be below or to the right

I've got a basic contact form (not currently "live"; it won't actually submit), which has a small area of the page as a description of "how to contact us". In this section, I reference the contact ...
3
votes
5answers
392 views

Displaying package comparisons for mobile?

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket. All packages are on the same page next to each other so ...
0
votes
1answer
35 views

When is it appropriate to change a site's tabindex?

I'm building a sign-up form filled with multiple input fields. To increase the rate in which the form is filled out I decided to dynamically set the tabindex at the first input field. Naturally after ...
32
votes
18answers
1k 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. ...
1
vote
1answer
70 views

Accessibility of combobox UI widget

I believed ALT+DownArrow is a standard shortcut key to launch the list of options in a combobox field. JAWS however reads To set a value use the arrow keys or type a value when the combobox field gets ...
1
vote
3answers
158 views

How do you make it very obvious that the user should click on a text input that has an onclick event?

I have an input that invokes a datepicker (with pickadate.js) that requires the user to click on it to choose a date. This is what it looks, as an example: From a UX perspective, how do you make it ...
1
vote
1answer
100 views

How To Point User To Form Control In Help Text HTML/CSS

I'm sure that this has an "answer" somewhere, but I find myself having difficulty articulating what I'm looking for in a search query. Is there a standard text formatting to use when directing user ...
2
votes
1answer
174 views

How to design a dynamic form with fields that are taken from the database?

My team is working on this particular Order Request project that would require a design to support the application form. The fields would be generated based on the database. Here is a static mock up ...
0
votes
4answers
111 views

Is there an html character entity which can represent “Admin”? [closed]

I'm looking for a way to represent a user as an admin, and would prefer to use an html entity to do so. (http://www.amp-what.com/) Does anyone have any suggestions, or is this a fruitless search?
1
vote
1answer
147 views

Design: Custom code UI desgin Or Framework like Bootstrap, Foundation etc [closed]

I have been assigned a task of redesigning existing project screens with latest technology in responsive web design (RWD) to support more devices. I have analysed there are frameworks like bootstrap, ...
0
votes
0answers
134 views

Tips for a complex sorting/filtering UI

I have a work in progress at http://yipgo.com, in short lets you define items with timestamps and then view them in a read-only agenda summary page. It's important to allow users to customise the way ...
-1
votes
1answer
132 views

Why does the title attribute have a delay?

In HTML the title attribute usually displays a little popup conveying information about the element. In most—if not all—browsers the popup doesn't appear immediately but after few seconds. Why was ...
89
votes
10answers
4k 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 ...
3
votes
1answer
112 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
1
vote
1answer
28 views

Linking to vs. embedding content on a web page

I'm designing a simple informational page, and I want to maximise readability and make the page as efficient as possible. Currently, I have two PDFs embedded into the page that users can scroll ...
1
vote
2answers
84 views

Can/Should I Label an informational span for screen readers?

I have an informational span, specifically, a span full of stars that represent a rating (star icons that can be filled or unfilled). As is, it shouldn't be visible at all to a screen reader, since ...
0
votes
2answers
74 views

How to render a mobile in HTML5 / CSS3 / Javascript

I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages: http://www.whatsapp.com/ (Uses a background ...
0
votes
2answers
59 views

How to improve Sales Statistics?

Staffs can see Sales Statistics on their dashboard which allow them to see number of sales made per day. This is a weekly Statistic. For example, on Tuesday Paul have 4 sales which has been ...
0
votes
1answer
150 views

Best Practice: HTML/CSS Anchor Styling

I have a column layout (left column is the main article and right column is the sidebar) for a website. All of the links are orange, but I want to make the sidebar menu links dark gray. Could this be ...
3
votes
3answers
109 views

How to make maxlength attribute accessible?

I have a form in which there are a few input fields. For one of the input field I have a length validation, for which I used maxlength="20". The issue here is that the JAWS users don't come to know ...
2
votes
3answers
253 views

Multiple forms on a page with individual Save/Submit buttons

I have a number of forms on one page. As some brief background it is for a CMS, when a user can manage a slideshow. Each form represents one slide. They can edit each image, the title that is ...
4
votes
5answers
4k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
33
votes
6answers
5k 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 ...
-1
votes
2answers
207 views

jQuery - best way to present huge amount of scrollable data [closed]

I have an array with length of 1.5k, each entry needs to be shown (set of DIV's per entry) but when I'm showing it all at once the browser hangs most of the time. I'm trying to figure out the most ...
19
votes
5answers
2k views

Should input fields be cleared out when the user selects them?

I have a few input fields in my form with some default values (numbers). Please note, they are not just placeholders, i.e. they can be used as is, if they are not changed. I was wondering if I should ...
5
votes
5answers
1k views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...
33
votes
23answers
1k 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 ...
1
vote
2answers
49 views

Formatting page titles: Organization first or page, and which delimiter [duplicate]

Usually there is a format for page titles: {{page_name}} | {{organization_name}} Sometimes the delimiter is a bar, a hyphen, a slash... Sometimes the organization comes first. I would think that ...
1
vote
3answers
252 views

Quiz in a HTML email - alternative for displaying form elements

One of our clients wants to send a HTML mail containing a quiz. I don't know how this sort of quiz is called in English, but i will try to explain: There are questions in one ordered list, each ...
59
votes
6answers
4k 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 ...
1
vote
3answers
95 views

Inserting a long word in a limited header space

In my website, i'm presenting a basic table that has some action items for each row. X and Y must be replaced by two words that are trademarked and the words are actually long. Say X is ...
1
vote
1answer
191 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
0
votes
2answers
40 views

Suggestions for making user management as quick to navigate and maintain as possible

I am looking for ways to make user management on my own small sales team system as quick to navigate/manage as possible. Right now I just have a very basic table, but in keeping with my current ...
0
votes
2answers
129 views

Best Pattern for Creating Plans

In my web app I allow users to create payment plans for their subscribers. I currently only support one option: a monthly charge. I am working on adding multiple options, including one-time payments. ...
1
vote
1answer
160 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...
4
votes
3answers
182 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
3
votes
3answers
345 views

Thoughts on Customizing Javascript Confirm Dialog

A design was just introduced for a brand new application offering the user to delete something. The user experience is as follows, the user clicks delete on the object. Upon clicking delete, the ...
0
votes
3answers
210 views

What kind of framework do you use when you are prototyping in browser? [closed]

This is a question for those who actually do some wireframes in HTML. What kind of frameworks (Zurb Foundation, Bootstrap, Wirefly) or combinations (Boilerplate + Grid system) or just plain HTML/CSS ...
4
votes
3answers
364 views

Acessibility… tables or lists

I am creating a list of links which have the following in them: link title and url a comment about the link a date that the link was posted I wish to do this using accessible best practice, but ...