Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
35 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 ...
1
vote
1answer
33 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 ...
1
vote
3answers
79 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 ...
3
votes
1answer
80 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,...
0
votes
1answer
52 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 ...
0
votes
1answer
71 views

How to improve a scrollable dropdown section issue

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
608 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
20k 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 ...
0
votes
2answers
484 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
77 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 ...
2
votes
1answer
181 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 ...
2
votes
2answers
80 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 ...
0
votes
2answers
378 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
115 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
1answer
53 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) ...
1
vote
2answers
47 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 ...
2
votes
1answer
454 views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
0
votes
2answers
348 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):
1
vote
4answers
122 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 ...
0
votes
1answer
101 views

Using placeholders on input elements

I have a number of forms where users must enter phone numbers, credit card numbers, amounts, e-mail addresses and I am using placeholders for these fields in hope to guide the user on what to type in ...
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. ...
1
vote
1answer
74 views

Display or hide unavailable links

When a hyperlink is not available to a user is it best practice to hide it completely or show it in a disabled state. Example1: If I user needs to be logged in to post a new item should the "Create ...
0
votes
2answers
546 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 ...
2
votes
4answers
380 views

What would be best layout for registration form containing 14 input fields.

I made a form for this but user have to scroll through which seems like not too easy So it still bit long
2
votes
1answer
50 views

Accessible website with multiple homepages

We're building a website, that people will be sent to from an email. There's multiple home pages, because there are different groups in the email list that the home pages correspond to. So to keep the ...
0
votes
1answer
138 views

How to make a decorative video accessible

Our clients gave us a video that is mostly B-roll so they are saying they do not need to add captions to make is ADA compliant, but I'm not sure that is true. I know for images, if it's purely ...
1
vote
1answer
114 views

When is data not considered 'tabular' and does not belong in a table?

I had a debate today with a colleague whilst designing the front end for a web application. Most of the data throughout the application seemed tabular - a collection of records each with their own ...
0
votes
2answers
241 views

How do I design HTML UI to indicate to both user and server that they can only use one fieldset out of two available?

I have a multi-fieldset HTML form that has a Motor fieldset and a Frame fieldset as part of it. When I need a motor, I populate that part of the form. When I expressly do not need it, I am however ...
4
votes
1answer
1k views

Markup vs. Markdown

I have seen the terms "markup" and "markdown" used what seems to me interchangeably. For example, here on the UX StackExchange we type questions and answers in markdown and they get converted into ...
69
votes
5answers
19k 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
21 views

If I need to show a list of http methods for selection, is there a recommended order in which to display them?

I'm working on an API management product, and someone has suggested that we present the methods in alpha order: DELETE GET HEAD OPTIONS PATCH POST PUT My hunch is that this is not the best order, ...
0
votes
1answer
97 views

How can I design my form better? [closed]

I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
33
votes
6answers
11k views

Should disabled elements be focusable for accessibility purposes?

For example, if we have a set up wizard with 3 steps, and the user is on step 1, should the user be able to focus on the control to continue to the next step, regardless of whether or not that control ...
6
votes
1answer
364 views

Under what context is it acceptable to use javascript onbeforeunload behaviour

On a web page I can use the javascript onbeforeunload event to warn a user they are about to leave the page. window.onbeforeunload = function() { return 'Woah there, are you sure you want to ...
3
votes
3answers
252 views

Does styling HTML buttons as links cause any user interface problems?

When designing a web interface the most obvious way to allow user to do something is providing him with a hyperlink: Click <a href="/Actions/DoSomething">here</a> to do something when ...
3
votes
2answers
183 views

What are the alternatives to close tabs in mobile?

I'm using Materialize CSS and I have Tabs in my application... On desktop I put close buttons to close a tab like this: But, on mobile that "tab close button" is not functional, I think the best way ...
2
votes
2answers
809 views

Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?

I have a menu of reference information, like below. download bmml source – Wireframes created with Balsamiq Mockups The above fields are progressively pre-populated by the system, and user has ...
1
vote
3answers
257 views

Best table layout to compare definitions and examples (text)

I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this? Eg Too Correct: More than expected; also. Example: I, too, ...
2
votes
1answer
2k views

Nested Child rows in Table

I previously asked ux.stackexchange to help me with how to display configuration settings for a web application. Ways to display both string and boolean on page I've followed the suggestions and ...
2
votes
1answer
273 views

How to display comparison of 2 products with similarities

I am in the following situation. Requirements: A web-based functional configuration-tool for 2 of our systems shall be created, whereas the financial advantage of System A over System B should ...
3
votes
2answers
280 views

Responsive Web Design based on physical size?

The current practice of using media queries via pixel-thresholds is fine, but what if someone decided to use their 50-inch 4k tv as a vertical monitor and actually sit really close to it? I could see ...
2
votes
1answer
86 views

How can we define the html layout as per UX? what is semantic html as per UX? [closed]

I am new to this UX, How it defines the user experience, how to implement user experience in HTML layout? What is semantic html in terms of UX view point. Does it help to improve my site accessibility ...
5
votes
4answers
2k views

Ordered lists: numbers or letters?

I'm working on a set of guidelines for the use of user interface elements. I'm currently working on ordered lists (<ol> elements) and I have a couple of questions which I've been unable to find ...
3
votes
1answer
188 views

Best way to display a PDF and a web form together

I am making an AngularJS app that will help inspectors of different types of heavy equipment to keep track of the inspection during the process. There are many different pieces of equipment; each ...
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
377 views

How show content that is locked to unregistered users

I have a website with a block of text available only for registers users. The structure is something like this: -Title available for all users -Text available only for registered users and panel ...
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?
0
votes
3answers
111 views

How do I make extremely basic data look presentable? [closed]

I have a modal that is so boring and ugly I cannot stand to look at it. In a user table, the user can press a button to view all details about the user (the table only shows name, role, etc). This ...
8
votes
4answers
744 views

Are long checkbox labels a problem?

I'm working on an admission application page and in one section of it there is a list of checkbox controls indicating the user has read/agreed to various policies or conditions and certifying the ...
1
vote
2answers
586 views

Single and Multi-Select Up & Down Arrow Locations

I'm currently working on a interface that allows the user to order elements within in a box by using two arrows(up/down). Having designed and implemented controls of this nature in the past(some ...