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.
340
questions
1
vote
1
answer
122
views
Accessibility reading order VS DOM order in a list of events
I'm trying to fix a CSS/DOM order problem on a website so it can pass an accessibility audit.
The problem is that the website is very visual, and the fixes must not change the appearance (as much as ...
- 113
0
votes
1
answer
53
views
Accessibility text of the "- Any -" option on HTML <select> element - do i need dashes/marker around the "any" option?
For the HTML element - Do I need dashes/markers around the "any" option to satisfy accessibility? If no markers, does the text have to be a sentence ? What types of text is accessible?
For ...
- 103
5
votes
1
answer
123
views
Why does "jump link" pattern not copy?
I am asking this question as a user. I have used several websites with the "jump link" feature, and after clicking on the button I go somewhere else and press Ctrl+V only to find out that ...
- 153
3
votes
1
answer
113
views
(WCAG) Should I use HTML tables for displaying singular data sets?
I'd like to display tabular data (an order summary) in a vertical table (headings in the left column, values to the right). In my use case, there is only ever one data set to display, so I'm unsure ...
- 153
1
vote
3
answers
214
views
What are some cases, if any, where a button element should act as a link?
Common practice is for links to use the a element, and buttons to use the button element. But are there any cases (even if their edge cases) where a button, via Javascript, should behave like a link?
0
votes
1
answer
142
views
Best UX for a dynamic list of actions/operations
Predominantly focused on web-based Desktop use.
When viewing a particular object in our system, let's say its a helpdesk ticket as an example. Our workflow system allows the enrolment of new ...
- 101
1
vote
1
answer
88
views
What's the best input/edit method to handle small high precision numbers?
I have an AG Grid with cells that contain very small highly precise numbers - eg 0.002957399184
I want to allow users to edit these numbers easily and accurately - basically want to avoid fiddling ...
- 11
1
vote
1
answer
80
views
Multiple parts of a form with regular HTML between #Accessibility
I recently turned a design in to HTML and CSS to be implemented by our back-end developers. For a search result page I used two form tags. One for the search bar and one for the sidebar with filters.
...
- 111
1
vote
1
answer
324
views
How to improve UX on deeply nested form functionality in the browser?
I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here).
Basically, you have a form for a "...
- 391
2
votes
1
answer
411
views
Any UX implications: Smart quotes and apostrophes when pasting from Word?
I have a question that I've found very little info on and it's only lately I've begun to become more curious about it.
Our web team normally copies content from Word into a CMS to update the website. ...
- 23
0
votes
1
answer
156
views
What HTML should I use for a rated theatre review? [closed]
I'm authoring a reusable widget, in HTML, that reflects a common pattern often seen in theatre reviews. The widget is quite simple, with minimal components, namely:
A star rating,
The review itself
...
- 153
0
votes
1
answer
44
views
Poster HTML inside a web page
There's a type of web layout called Poster HTML, quite interesting for designers (not digital poster which is another thing for static advertising displays). They are usually very graphic, without ...
- 18.3k
0
votes
1
answer
67
views
Software that works like Google Chrome's "view page source"
I've only been using Google Chrome "CTRL+U" Tools to check my web design's responsiveness and edit styles or elements, however it started to get so freaking laggy which slows me down ...
1
vote
2
answers
94
views
How to do loading animations when at certain times the application is too fast for them?
I am facing a strange "catch-22" like problem, while developing an application for a mobile browser. My problem is that, some inner-app screens are fetching data from a back-end server, and ...
- 131
28
votes
5
answers
7k
views
What are pros/cons of using buttons instead of plain links to download a document?
My company is using some rather bizarre download buttons associated with documents that can be downloaded:
It looks like these are abused anchor (<a>) elements which show up in a browser as ...
- 855
-1
votes
1
answer
500
views
HTML Elements to use with Image and Text used as a link
What are the correct HTML elements instead of just a div to use when presenting an image and text just below as one link? I would like for the image and text to be presented in an a11y correct manner.
- 106
1
vote
1
answer
168
views
Same date for multiple Date inputs
I have a HTML Table with just two columns.
`
Order #
Date
<tr>
<td>12345</td>
<td><input type="date" id="row1"></td>
</tr>
...
- 123
3
votes
3
answers
570
views
Semantic Elements and Text Formatting in HTML5
Almost every website, book, article, newspaper, etc... that contains copyrights, caveat, disclaimers, etc... displays it in small font text.
Now... I'm doing a research about Semantic Elements and ...
- 141
3
votes
2
answers
817
views
Does adding a "title" attribute to the "label" element instead of the "input" harm accessibility?
I'm creating an HTML interface that has an input text field with a label attached. The label has a short name for the input and I want a more detailed description to appear as a popup for visual users,...
- 131
6
votes
2
answers
12k
views
Should a blank option always be included in <select> inputs?
For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown:
<select required>
<option value="&...
- 163
2
votes
1
answer
141
views
How should non-monospace code listings be marked up in HTML? [closed]
For marking up source code beyond small fragments embedded in normal text, the official recommendation seems to be to use the code and pre elements. And this works fine if your listings should reflect ...
- 121
2
votes
3
answers
320
views
Is it accessible to have lists without a heading, assuming previous lists do?
Assume this HTML structure:
<h2>Our latest News and Events</h2>
<ul>
<li>news item 1</li>
<li>news item 2</li>
<li>news item 3</li>
</ul&...
- 747
0
votes
2
answers
181
views
Web design practices to minimize browser refresh [closed]
The design of our website is such that whenever we make some changes in CSS & JavaScript files we require the user to clear the browser cache and get the latest version of these files from the ...
- 1
2
votes
1
answer
431
views
What is the best way to add edit and delete buttons to a modal?
I have a task data visualization modal, but I need to add an option to edit or delete these tasks. Where in this modal could I insert buttons to delete or edit?
0
votes
1
answer
50
views
Why do some emails include a link to the same destination as the button right above them?
Can someone explain the purpose behind this practice?
Is it an accessibility issue and is this practice outdated?
For example:
"If you have trouble with the link above, copy and paste this URL ...
- 401
2
votes
1
answer
1k
views
(Accessibility) - Back button placement on the page in SPA
I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
-2
votes
2
answers
46
views
Help with <table> tag [closed]
I have the following code
<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 50%; border:1px solid #ccc!important; border-color:#...
- 97
1
vote
1
answer
71
views
When making a website that is font-size responsive, are there any guidelines to what font-sizes authors blow text up to?
It seems an opinion whether or not, as web-developers, we should design websites taking into account the user increasing font-size (e.g. on Chrome: Chrome>Settings>Customise fonts). (Although it ...
- 11
1
vote
1
answer
301
views
Should I override controls so that it handle different locale's or let the browser handle it?
Similar to A good solution how to localize and let user choose language on HTML page
but I am specifically wondering about localization of control elements such as required on input or date fields.
...
0
votes
1
answer
235
views
Best way to lay out sub elements in a table
I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
- 3
-1
votes
1
answer
54
views
What design changes will improve visual appearance of the calculator [closed]
This is the HTML code for a very basic calculator. I am at beginner level on bootstrap and definitely beginner level designer. what are some changes i can do to make the visual appearance better. i ...
- 99
2
votes
2
answers
590
views
Do users actually use the arrows in <input type="number">?
Does the average user actually use these really tiny arrows?
- 193
1
vote
1
answer
164
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 ...
- 13
1
vote
1
answer
108
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 ...
- 13
4
votes
2
answers
1k
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 ...
- 163
4
votes
1
answer
157
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 ...
- 143
0
votes
1
answer
380
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?
- 64
0
votes
3
answers
232
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
1
answer
530
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 ...
- 153
0
votes
1
answer
3k
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-...
- 11
1
vote
1
answer
137
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
2
answers
97
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
2
answers
3k
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 ...
- 123
4
votes
2
answers
3k
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 ...
- 432
0
votes
1
answer
328
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,062
-1
votes
2
answers
126
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 ...
- 117
1
vote
3
answers
930
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 ...
- 115
5
votes
1
answer
336
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,...
- 211
0
votes
1
answer
90
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 ...
- 111
0
votes
1
answer
377
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