Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more

Questions tagged [heading]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
47 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 ...
tell's user avatar
  • 271
0 votes
1 answer
923 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 ...
Keano's user avatar
  • 71
0 votes
1 answer
127 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 ...
Lucy's user avatar
  • 3
0 votes
2 answers
260 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 ...
collimarco's user avatar
0 votes
2 answers
207 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 ...
jeancode's user avatar
  • 225
1 vote
2 answers
83 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 ...
Mori's user avatar
  • 189
41 votes
5 answers
13k 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. ...
iBug's user avatar
  • 1,091
1 vote
1 answer
96 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 ...
Billy Moon's user avatar
-2 votes
2 answers
111 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 ...
Luke Weller's user avatar
0 votes
2 answers
168 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 ...
Ola Osinska's user avatar
1 vote
2 answers
548 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 ...
Ilias Bennani's user avatar
0 votes
1 answer
73 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 ...
Alvaro Montoro's user avatar
0 votes
2 answers
834 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 ...
Ilias Bennani's user avatar