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

1
vote
2answers
53 views

Displaying CRUD Operations on an HTML Table Elegantly

I have a rails app that I am building using foundation. I have an orders index page that displays all the users current orders on a nice looking table. (ecommerce stuff). This table displays the ...
2
votes
3answers
71 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
3
votes
3answers
203 views

How to change order of list Elements in a nice way?

I'm searching for an intuitive way to change the order of a list. I don't think that drag'n'drop would be a good solution, because it's a mobile browser based application and no user would try to long ...
0
votes
0answers
16 views

making good view of how to use my website [duplicate]

I am working on a website and want to make - lets say - page or navigation bar or anything describing the steps of using it to help the user to use my website and help him understand how to get his ...
4
votes
3answers
239 views

HTML vs. PDF — What are the Pros and Cons of PDF?

From 2003: http://www.nngroup.com/articles/pdf-unfit-for-human-consumption/ PDF is good for printing, but that's it. Don't use it for online presentation. Since then more and more devices can ...
1
vote
2answers
360 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
3
votes
3answers
43 views

Alt Attribute for user generated content

Suppose you have a website where users can sale stuff and upload images (something like craigslist). What would be the appropriate ALT attribute for such images where we don't know the actual content? ...
3
votes
1answer
66 views

How should breadcrumbs be marked up? Are lists appropriate? [closed]

Trying to work out how best to mark up a breadcrumb area on my page and I'm not sure how I should contain it. In my mind there are three options: Option 1 - Just Links <nav> <a ...
1
vote
2answers
86 views

Is use of disabled option on select a good approach for showing existing invalid value?

Sample scenario to illustrate the type of problem I'm trying to solve: Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
12
votes
1answer
1k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
0
votes
0answers
26 views

Change the view of a database

We've got a large, complicated database that we're displaying slices and comparisons of: the user gets to choose one or more years, one or more departments, and one or more demographic groups. The ...
0
votes
4answers
228 views

Better Approach for 4-level Tree Structure

I have a 4-level radio button list which is like: On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
1
vote
3answers
96 views

How to browse a long list of artists and songs

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
0
votes
1answer
45 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 ...
3
votes
2answers
93 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 ...
2
votes
3answers
126 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 ...
15
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
2answers
416 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
95 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 ...
0
votes
1answer
40 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 ...
1
vote
3answers
173 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
154 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
276 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 ...
1
vote
1answer
185 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
4answers
135 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?
0
votes
0answers
214 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
192 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 ...
2
votes
2answers
107 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: ...
3
votes
1answer
129 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
32 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
1answer
123 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 ...
0
votes
2answers
132 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
67 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 ...
1
vote
2answers
148 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
1answer
177 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
145 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
370 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 ...
-1
votes
2answers
300 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 ...
18
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 ...
1
vote
2answers
56 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
581 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 ...
1
vote
3answers
107 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
456 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 ...
1
vote
2answers
462 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 ...
0
votes
2answers
53 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
151 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
194 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 ...
0
votes
1answer
175 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 ...
4
votes
3answers
203 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 ...