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
-2
votes
1answer
32 views

Helpful Tools and Tips For A Streamlined Dynamic Database Search System? [closed]

Recently I've been tasked with developing a search system integrated into an existing website which searches through a database with a parameter (ID Number) and returns data such as name, etc. The ...
0
votes
0answers
40 views
0
votes
1answer
43 views

HTML Email Clickable Address Link

I have a bit of a conundrum I was hoping the community could help me with. I'm developing a HTML email right now with physical address text (123 Main st. Citytown, Michigan 48484). I can certainly ...
1
vote
1answer
70 views

Need opinion on this web design FOR UX/UI/CX - Beginner in designing [closed]

Hi, first of all, sorry if I'm posting in the wrong section. I want to get an opinion about the design of an event management system. I've google on UX example design but most only show for simple ...
0
votes
1answer
56 views

How to deal with extra spacing with line-height when spacing between elements should be consistent

We want to design our website so that all elements are spaced 24px apart (paragraphs, form groups, header & content, etc.) and "related" elements (label & form field) are spaced 8px apart. We ...
0
votes
0answers
51 views

HTML <q> element: quotation symbols not selectable?

To include a quotation in HTML, one could simply use quotation symbols: <p>“Yes,” he said.</p> Alternatively, one could use the inline quotation element: <p><q>Yes,</q>...
3
votes
1answer
110 views

Browsers ruin password UX with dropdown menus. How can I fix it?

FYI the image above was taken with autocomplete="new-password" As you can see, the dropdown is covering the error message (which ends in "letters and numbers" (plus a few other error messages). This ...
0
votes
1answer
56 views

Number incrementers and accessibility

How are number incrementing arrows for accessibility? I would think they would be bad for keyboard users, but is there any study to back that up?
0
votes
3answers
123 views

In the holy grail layout of web design why is the navigation menu vertical and not horizontal?

i am a beginner with web design, while studying i came across the "holy grail layout" and i was just wondering why is it that the menu is vertically aligned while most modern websites tend to use a ...
0
votes
1answer
45 views

Tab order through a matrix of radio buttons

I'm building an HTML form where the user can select one of three options for each day of the week. The wireframe proposed by the designer looks like this: a matrix of radio buttons, with columns for ...
-1
votes
1answer
135 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-...
0
votes
1answer
96 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<...
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 ...
2
votes
2answers
340 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 ...
2
votes
1answer
403 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 ...
0
votes
1answer
77 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
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 ...
1
vote
3answers
146 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 ...
4
votes
1answer
107 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
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 ...
0
votes
1answer
114 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 ...
1
vote
2answers
8k 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 ...
102
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 ...
1
vote
2answers
3k 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
97 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 ...
3
votes
1answer
386 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
100 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
579 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
276 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
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
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 ...
2
votes
3answers
1k 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
150 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
131 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
90 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 ...
1
vote
3answers
780 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
517 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
66 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
290 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
126 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
304 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 ...
3
votes
1answer
2k 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 ...
84
votes
8answers
29k 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
105 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 ...
37
votes
6answers
15k 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
492 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 ...
2
votes
3answers
253 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 ...
2
votes
2answers
187 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 ...

1 2 3 4 5 7