Page tree
Skip to end of metadata
Go to start of metadata

Headings

  • use a maximum of 3 levels of nested headings (heading 2, heading 3, heading 4 - note: the page title is equivalent to heading 1) 
  • help users and search engines scan your page by following the hierarchical order of headings: <h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on
  • write clear headings which let the user know what they'll find in the following section so they know if that's what they're looking for
  • headings should be a maximum 60 characters including spaces - because search engines cut off longer titles when displaying search results 
  • do not use colons at the end of headings
  • break up blocks of text with sub-headings to help users scan your content
  • use subheadings every 2-4 paragraphs.

Paragraphs

  • try to vary paragraph lengths, so readers can tell them apart and find their way as the page scrolls down.
  • short is good. Even one sentence. Aim for no more than 3 or 4 sentences.
  • each paragraph should have just 1 main idea

Bold type

Use bold text very sparingly, and only to emphasise key ideas in each paragraph. Never use bold type to merely to make your text look better (such as in captions, names etc.). Limit bolding to just the relevant words, not whole phrases, sentences or paragraphs.

Italics

Avoid using italics, because italicised text is difficult for vision-impaired users to read on low‑resolution displays.

Underline

Don't underline anything but links. On webpages most people assume that anything that is underlined is a link no matter what colour it is. 

Bullet points

Bulleted lists help users to scan. If you have 3 or more items listed in running text, consider putting them in a bulleted list. Remember, however, that having too many bullets in the same list looks odd.

Use the bulleted list format in the rich text editor in the CMS (as opposed to manually adding numbers/asterisks to a list of items). This is necessary for text-to-speech software.

For ease of reading, we generally

  • don't use a colon before the list
  • don't capitalise the first letter of each point
  • don't use punctuation such as commas, full stops or semicolons at the end of each point

However, if your bullet point is composed of more than 1 complete sentence, punctuation becomes necessary. Ask yourself whether your bullet point contains too much text.

  • No labels

The Europa Web Guide is the official rulebook for the European Commission's web presence, covering editorial, legal, technical, visual and contractual aspects.
All European Commission web sites must observe the rules and guidelines it contains.
Web practitioners are invited to observe its contents and keep abreast of updates. Read more.