Use with Screen Readers

In addition to a coherent and semantic page structure, the side opening helped by screen readers with informative alternative texts for all images, which simply  facilitate the distinction of abbreviations and acronyms.

The website can be easily operated by use of the keyboard and the jump links will also benefit users of screen readers. Additional information is still available using Accessible Rich Internet Applications.

Page Title

Each website has its own unique page title that reflects the content of the website. Screen reader users can quickly recognize what is to be expected on the website and have a good first reference point.


The headings of the site are clearly and logically structured and cover all of the website's contents. In this way, areas of the page and areas at the top and bottom of the website are provided with headings, (structural navigation). As a result of this, users of screen readers can jump from heading to heading, or can also view a list of all headings. The side areas of the website, using the additional headers, can be reached quickly and provide the user with a good overview of how the website is constructed and the information which can be expected.

The navigation area starts via the heading at level 1 (H1), as well as the content of the current page. All other areas start with the header at level 2 or 3.

You reach the individual pages with a screen reader key for the headers H2 and H3 and the top of the page with the key for the header H1. The beginning of the content or the navigation of the page can be reached by using the key for the header H2.


Furthermore, the side areas are introduced through WAI - ARIA landmarks that inform you about which area of the website you are currently viewing. Orientation is therefore even easier for the blind and visually impaired, and the page display is clearer.

Note to users of screen reader JAWS:
From JAWS version 9, you can view a list of all points of orientation with the keyboard combination "Paste" [Insert] + "Control" [Ctrl] + [ö]. You can also navigate using the [ö] with the landmarks on the website. In the NVDA screen reader that would be the [d] key. The website's forms are enhanced by means of WAI-ARIA, in order to make important information for screen reader in formal modus available.

Jump Links

The jump links follow the title at the top of the page. Using this navigation it is possible to jump directly to specific areas of the website without having to leave other areas beforehand.

Overview for Page Layout as a List

  1. Jump links for directly reaching selected areas of current page
  2. List of keyboard shortcuts
  3. Service Navigation, and others, with user assistance, (information for individual page adjustment, font sizes, etc.) and links to instructions, contents and assistive texts
  4. Quick search with a form to search the entire website, below, a link to change to extended search
  5. Main navigation menu in the form of themed navigation, (navigation links to different subject areas)
  6. Page path
  7. Supplementary notes with the possibility of direct entry / rapid entry into specific areas of the portal
  8. Content with the actual content of each page
  9. Navigation menu in the footer (same navigation elements as before in the service and main / theme navigation)
  10. Logos for project support and project sponsors
  11. Side footer with the linked keyboard shortcuts for better orientation for blind users at the end of the page.


Links that open in a new window are marked accordingly in the TITLE attribute. Screen reader users should activate these additional functions in order to receive the instruction.


The forms on these pages are provided with extensive aids which enable use in a wide variety of ways, thereby, paying special attention to aspects of accessibility.

Form properties in detail:

  • The input fields are labelled and can also be accessed with the tab key.
  • Mandatory fields are highlighted and additionally provided with markups according to the WAI-ARIA concept.