Help us make the FRA website better for you!

Take part in a one-to-one session and help us improve the FRA website. It will take about 30 minutes of your time.

YES, I AM INTERESTED NO, I AM NOT INTERESTED

test cover image
FRA/LS

HTML Improvements

TBP

Increase the size of the image of the cover to fill the entire page, making it less look like a simple image and more like an actual cover page.

Ensure that internal links work properly in the exported PDF.


Page header: font size same as level 1 header in the text part, blue bold

Heading 1: 11pt blue bold

Heading 2: 10pt blue

Heading 3: 10pt

Only show the actual page number, delete the total number of pages. (‘4/77’ becomes ‘4’)


  • Use consistent spacing for headings of each level .
  • Ensure that the spacing before a headline is larger than the spacing after a headline. For the moment this is the opposite. The heading should be visually linked to the text that comes after rather than the preceding paragraph.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.


  • Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla.
  • Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.

Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.


  • Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula.
  • Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.

Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.


  • Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula.
  • Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.

Make sure the line spacing between list element and nested list element is consistent:


  • Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede.
    • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
    • Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
      • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
      • Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
  • Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et i

  1. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede.
    • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
    • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
      • Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
      • Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.


  • Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  1. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  2. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  3. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  4. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  5. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.


Bullet list + numbered list demote (3)


  • Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  1. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  1. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  2. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  3. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  4. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  5. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  6. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  7. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  8. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  9. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  10. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  11. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  12. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  13. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede.
  14. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
  • Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

 


  • Ensure that link text spreading over 2 lines does not start on a new line

Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.

  • get rid of line breaks before and after the hyperlink

Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien.

  • see also Jira ticket: FRAWEBD9H-287 concerning space before/ within the link:
  • Get rid of the empty space when the link starts in a new line (marked in blue);
  • Please fix that when the link is split over two lines that there is no more empty space in between the two link parts (marked in green)


  • Ensure that text size and line spacing in boxes is the same as for normal text.
  • Ensure that indentation, text size and line spacing of lists (bullet numbered and others) in boxes is the same as for normal text.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

  • Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
  • Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

  1. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
  1. Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.


  • Table text online and in the Word file is left-aligned (see green marker) whereas table text in the pdf export is centre aligned (see red marker).
    • Action point: Please make sure that the alignment of the pdf export is consistent with the alignment in the word file.Currently, when having a table with many (more than 5) columns in the publication the font size of the pdf export will decrease.
  • Currently, when having a table with many (more than 5) columns in the publication the font size of the pdf export will decrease.
    • Action point: Please check if it is possible to not automatically decrease the font size of the whole document when there is a bigger table, but instead just decrease the font size of said table

 

Table 2 – 8 Columns

Gender identity

 %

Gender identity

 %

Gender identity

Gender identity

 %

 %

Women cisgender intersex

18.2 %

Women cisgender intersex

18.2 %

Women cisgender intersex

Women cisgender intersex

18.2 %

18.2 %

Men cisgender intersex

16.5 %

Men cisgender intersex

16.5 %

Men cisgender intersex

Men cisgender intersex

16.5 %

16.5 %

Women cisgender intersex

18.2 %

Women cisgender intersex

18.2 %

Women cisgender intersex

Women cisgender intersex

18.2 %

18.2 %

Men cisgender intersex

16.5 %

Men cisgender intersex

16.5 %

Men cisgender intersex

Men cisgender intersex

16.5 %

16.5 %

Trans women intersex

12.2 %

Trans women intersex

12.2 %

Trans women intersex

Trans women intersex

12.2 %

12.2 %

Other (not trans, not cis) intersex

2.6 %

Other (not trans, not cis) intersex

2.6 %

Other (not trans, not cis) intersex

Other (not trans, not cis) intersex

2.6 %

2.6 %

Source: EU LGBTIQ Survey III (2023), European Union Agency for Fundamental Rights.

Table 3 – 6 columns

Gender identity

 %

Gender identity

Gender identity

 %

 %

Women cisgender intersex

18.2 %

Women cisgender intersex

Women cisgender intersex

18.2 %

18.2 %

Men cisgender intersex

16.5 %

Men cisgender intersex

Men cisgender intersex

16.5 %

16.5 %

Women cisgender intersex

18.2 %

Women cisgender intersex

Women cisgender intersex

18.2 %

18.2 %

Men cisgender intersex

16.5 %

Men cisgender intersex

Men cisgender intersex

16.5 %

16.5 %

Trans women intersex

12.2 %

Trans women intersex

Trans women intersex

12.2 %

12.2 %

Other (not trans, not cis) intersex

2.6 %

Other (not trans, not cis) intersex

Other (not trans, not cis) intersex

2.6 %

2.6 %

Source: EU LGBTIQ Survey III (2023), European Union Agency for Fundamental Rights.

 

Table 4 – 2 columns

Gender identity

 %

Women cisgender intersex

18.2 %

Men cisgender intersex

16.5 %

Trans women intersex

12.2 %

Non-binary gender-diverse intersex

40.7 %

Other (not trans, not cis) intersex

2.6 %

Women cisgender intersex

18.2 %

Men cisgender intersex

16.5 %

Trans women intersex

12.2 %

Other (not trans, not cis) intersex

2.6 %

Source: EU LGBTIQ Survey III (2023), European Union Agency for Fundamental Rights.


  • Currently, when having a table with many (more than 5) columns in the publication the font size of the pdf export will decrease.
    • Action point: Please check if it is possible to not automatically decrease the font size of the whole document when there is a bigger table, but instead just decrease the font size of said table
    • See Jira ticket: FRAWEBD9H-288


  • Ensure that source text for tables, images and notes in boxes is consistent. font size should be 2 points lower than normal text size and it should be italic.