A global element that is displayed in the same way on all pages. It only changes between responsive viewports.
In the mobile version, the meta-navigation (simple language, user area, language selector) are moved to a burger menu and not displayed in the initial header. The search field moves to the second line below the logo and extends over the full width of the view port.
ID | Title | Show? | Action | Changes | Tickets |
1 | logo | always | directs user to homepae | ||
2 | search field | always | opens search layer that pushes the page content downward clicking on the magnifying glass without entering anything starts a search for everything (*-Search) | the search field shows the text from the last search magnifying glass does not act differently than the search field: both open the search layer (the magnifying glass turns to an x when the search layer is opened) the content is not pushed down, the search layer is displayed on top | |
3 | simple language | always | directs user to "simple language" page | ||
4a | user area (not logged in) | always | opens sign-up dialogue | ||
4b | user area (logged in) with user name | always | redirects user to MyDDB | user name is shown in a tooltip with improvised design discussion about the sign-off button's placement (in tooltip, in side-menu, on account overview) | |
5 | language selector | always | changes language of the page, active language is bold | currently a toggle, should be 2 links for accessibility reasons | |
6 | background | always | / |
Icon for Sign Language - Cosmoblonde (2022)