Questions tagged [html]

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.

Filter by
Sorted by
Tagged with
-1
votes
1answer
35 views

How can I tell Chrome which input fields to remember / which will be the login credentials? [closed]

I have a Sign Up form which contains these input fields (in order): e-mail (autocomplete="email", type="email") (user)name (type="text") (display)name (type="text") password (autocomplete="new-...
4
votes
5answers
893 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
3
votes
1answer
271 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I ...
122
votes
10answers
7k 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 ...
2
votes
3answers
805 views

What is the best way to tell users to scroll down in browsers?

what is the best way to tell users to scroll down in browsers? Tests showed, that users do not scroll to the original message (which they need to answer questions):
76
votes
8answers
24k views

Why don't <button> HTML elements have a CSS cursor pointer by default?

A friend was asking me why <button> HTML elements don't have a CSS cursor pointer by default? It is the default behavior for links, and can be achieved on a button with button { cursor:pointer;...
0
votes
1answer
95 views

What are good ways to present an info table that has info spanning 2 vertically-adjacent cells in a middle column, & that has no other merged cells?

Explanation of question The following table illustrates the issue: HTML source for table: <table> <thead><th>Column 1</th><th>Column 2</th><th>Column 3<...
32
votes
4answers
36k 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
2answers
82 views

Do HTML5 browsers have to be able to properly process HTML4 tags when the tags appear in HTML5 pages? [closed]

According to the post here, the HTML5 specification requires HTML5 browsers to be able to properly process HTML4 tags when they are in HTML5 pages. Unfortunately, the post doesn't very well ...
10
votes
5answers
4k 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 ...
9
votes
6answers
12k 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
1answer
168 views

Is an English only aria-label better than no aria-label at all for non-English speakers?

We have a set of buttons that have a single icon for the content and no text content. One example, a button in the top left of a modal that has an 'X' icon which is an image file. To better ...
2
votes
2answers
130 views

For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?

How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
4
votes
1answer
102 views

Should “Enter” create a large or small line spacing on text editors?

On some popular rich text editors like CKEditor, the default behaviour for pressing "Enter" is to create a new paragraph (a <p> tag), while on the others, like the textarea here on Stackexchange,...
76
votes
11answers
66k 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 ...
-1
votes
2answers
113 views

Should I use one form or Two?

I have two forms (below) one is a trip calculator and one a spending money calculator which are very overwhelming due to the amount of events users can calculate. There is a spending money radio on ...
9
votes
4answers
3k views

Where does Business Analyst fits in core UX/UI technology flow

User Experience (UX) Designer = Research + Design UI Developer = Design + HTML/CSS/JS Application Developer = HTML/CSS/JS + Back-End coding With reference to above diagram i would like to know ...
1
vote
3answers
678 views

breadcrumb trail design for mobile

I was trying to make my website mobile friendly. I have gone through many reviews about breadcrumbs in mobile websites. Some say it is good and some say it is bad. After going through the reviews, I ...
0
votes
1answer
55 views

Should accessible buttons include contextual information

It is possible for screen-readers to navigate the page by links, this would make sense to include links that make sense without user having to understand what is around the button. For example "Save ...
3
votes
4answers
939 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 ...
22
votes
7answers
9k 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 ...
1
vote
3answers
97 views

Techniques for handling opening a new tab and ensuring web accessibility with WCAG 3.2

WCAG 3.2 indicates that content should be provided in a predictable format and that subsequently when a new tab is opened on a click that the user is made aware of this. I have a webpage with a list ...
0
votes
1answer
84 views

How to improve a scrollable dropdown section issue [closed]

I have an issue where the overflow of a scrollable list on a website is cutting off my dropdown menu. The scrollable list has a height constraint because it is in a modal which has a set height and ...
0
votes
2answers
3k views

Select Options more than 50,000 rows

I have a database which got about 50 000 records. all is information of business partners. I currently using <select name="selection"> -- some while loop <option></option> (repeat ...
0
votes
1answer
56 views

Why can't I type directly into the HTML with FF Dev Tools? [closed]

Hopefully this question isn't too oddly specific. Let me know if it belongs on ProWebmasters instead... I'm making some mock-ups in Photoshop, using screen shots from the site in its present state as ...
2
votes
2answers
9k views

Multiple email input

In Live Mail, and I believe Google Mail too, you can specify multiple recipients within the same input box and separate them with either a tab, a space or a comma in some cases. This is also the same ...
1
vote
2answers
4k views

Double Scroll Bar on Website [closed]

A website I am responsible for: www.livingsalads.co.uk has a double scrollbar on most browsers (chrome anyways). Which is obviously an issue as it looks bad and also browsers sometimes use the ...
101
votes
15answers
21k views

Get users to use the download button instead of right-click save

As part of our system, a web application, we have an image viewer. Previously we always displayed the full resolution image but scaled down with CSS to fit the page. For performance reasons we now ...
22
votes
6answers
3k 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 ...
0
votes
2answers
2k views

Confused with what to use - List vs Table

So, I've been browsing for an hour now regarding what the best practice is for this and the majority of what I read is to use e table for tabular data and a list for lists, which makes sense. However, ...
1
vote
1answer
85 views

Should a field display it's value in its tooltip?

Should a field display it's value in the title attribute (tooltip)? For example, lets say we have a text input field and a select menu, both have a value that is fairly long, but the field width is ...
4
votes
4answers
346 views

Should a informational box for a wide form be centered, left or right aligned?

I am working on updating the layout and styles of our existing application. At the top of a very wide table that has lots of checkboxes and fields is a information box. We need to explain some basic ...
2
votes
2answers
91 views

Ideas for placing tab-specific actions

I've got the following tabbed interface Each tab is a scrollable list of items that can be marked as checked or not. You can click on the blue button on the top right to add a new item to the ...
134
votes
16answers
160k views

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

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not allow ...
24
votes
7answers
6k 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 faster ...
41
votes
6answers
14k 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 ...
9
votes
3answers
2k views

Relation between a Wizard's Previous button and history's Back button

I have a web form split across 3 screens/pages. A user can move between forward and backward between the screens via Next and Previous labeled buttons respectively. When the user presses a previous ...
18
votes
9answers
8k 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
479 views

When to sanitize (remove <script> tags) text entered by a user? [closed]

I give user a CKEditor to enter some formatted text. Next (to overcome hackers) I am going to sanitize HTML (remove scripts and like). Is it OK to store in my DB the text sanitized? (Alternatively I ...
1
vote
2answers
169 views

Are URLs in alt text usable?

In a recent edit I made on UX Stack Exchange, I added some alt text to an image that contained the URL of a page at which the reader could see a textual version of the content in the image. However, ...
2
votes
2answers
305 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
39
votes
18answers
2k 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. ...
2
votes
1answer
56 views

UI for predicting game results

I will ask users to predict the outcome of upcoming football games. Ideas on how to enter the data a) Two separate textbox inputs b) Two separate select tags with options: 0, 1, 2, 3 ... 9, 10 c) ...
2
votes
4answers
1k views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
2
votes
2answers
52 views

What is the best way to assign values to an parent item

I have list of customers on database which have collection of items(storage accounts). When I select a customer , I can see all the items that are relevant to that customer as ticked. Also , I have ...
6
votes
5answers
5k 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 ...
34
votes
12answers
12k 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 ...
9
votes
4answers
3k 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 ...
1
vote
4answers
134 views

How do you define typography styles in your designs?

When defining a style guide, which of the following is most common when naming layout components? Stating the specific H-levels to be used (i.e. H1, H2, etc.) Create your own set of naming ...
70
votes
6answers
10k views

Confusing checkboxes and radio buttons

I have a problem building a certain UI for a website. I'm going to demonstrate the problem with a simple website for a restaurant chain: Context the website has many users and many restaurants. ...