Questions tagged [heading]
The heading tag has no summary.
14 questions
2
votes
2
answers
101
views
Headings - progressive disclosure case
I have some important text under the first heading, and the text under all the remaining headers would be displayed via show/hide buttons, for users to decide if they need to go through it at all.
The ...
- 804
0
votes
1
answer
80
views
In a book, what are the pros and cons of short, medium-length, and long multi-clause chapter titles?
Chapter titles in a book can be like this:
Autumn
Winter
Looking back
or like this:
Life in the old country
The day of the move
What James thought he knew
or like this:
Between 10 and 20: from ...
- 291
1
vote
3
answers
3k
views
Using Display S, M, L, XL, 2XL instead of H1 -H6 for typography in a Design System Manager (DSM)
I find using specific H1 - H6 is confining since different pages may need a different size H1 and so on. Also instead of making 2 sets for desktop and mobile this would work as one file. Does anyone ...
- 101
0
votes
1
answer
247
views
Can you have a visual hierarchy and a semantic hierarchy within the same design?
I have headings of different sizes for components that are the same hierarchical level to emphasise certain components. The font sizes that I have got do not match the semantic hierarchy. Is this ...
- 3
0
votes
2
answers
450
views
What tag should you use for the title of a "fixed" dialog? (cookie consent banner, subscribe to notifications, etc.)
For "fixed" dialogs displayed over the page, like a "cookie consent banner" or "subscribe to notifications", what is the recommended tag for the title (e.g. "Your ...
- 123
0
votes
2
answers
340
views
Best UI display of a company's product name with logo containing words for accessibility
I am working on company's product where the name of the product will show in many views in the UI.
The product's name has a logo with words only.
The logo is small 20 -20px and and contains part of ...
- 225
1
vote
2
answers
120
views
Home page heading
I'm going to design a personal website with three pages: About, Projects, and Contact. Does the home page have to be "Home"? Can it be "About"? In other words, is it a right ...
- 191
41
votes
5
answers
14k
views
Is it a problem if <h4>, <h5> and <h6> are smaller than regular text?
On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes.
...
- 1,101
2
votes
1
answer
132
views
Use variable font to thin larger headings
I remember Microsoft Office 2007 introduced a style of headings that got lighter as the heading size got bigger. Now we can use variable fonts in websites, what about keeping the colour the same, but ...
- 121
-2
votes
2
answers
130
views
Redesigning h1 headings [closed]
I've been given the task of redesigning the h1 headings on a travel website and have no idea where to start with obtaining some kind of secondary or primary research to get some useful data to drive ...
0
votes
2
answers
195
views
How to solve navigation in this case?
I am working on a game-related web app which has a global navigation in a sidebar. There are going to be a few categories, with currently "My profile" and "The games" on the mockup below.
Those ...
- 732
1
vote
2
answers
677
views
What heading to use in a Bootstrap alert [closed]
In Bootstrap there are dedicated alerts.
https://v4-alpha.getbootstrap.com/components/alerts/
According to the code on that site, the headings in an alert shall be h4, but I'm not quite sure that's ...
- 869
0
votes
1
answer
84
views
Should all headings have an ID? [closed]
In a web page in which there are several sections and heading levels, should the headings have an id attribute? Is there a best practice/rule of thumb from a UX perspective?
It looks like it would be ...
- 103
0
votes
2
answers
1k
views
CTA-button in header-hierarchy to make the CTA more accessible
At the top of our web app, we have a heading followed by a CTA-button.
Something like this mockup i just made up:
download bmml source – Wireframes created with Balsamiq Mockups
Mission: Id ...
- 869