Use with screen readers
In addition to a uniform and semantic page structuring, page accessibility with the help of screen readers is facilitated by meaningful alternative texts for all images and the labelling of abbreviations and acronyms.
The website can be easily navigated using the keyboard and the use of skip links also benefits screen reader users. Additional information is still provided with the help of Accessible Rich Internet Applications.
Each web page has its own page title that reflects the content of the web page. Screen reader users can thus quickly see what to expect on the web page and already have a good first point of orientation.
The headings of the website are clearly and logically structured and cover all contents of the website. Thus, page areas and areas at the head and foot of the web page are also provided with headings (structural navigation). Screen reader users can thus jump from heading to heading or display a list of all headings. The page areas of the web page can be reached quickly with the help of the additional headings and give the user a good overview of how the web page is structured and what information can be expected.
The navigation area is introduced by the level 1 heading (H1), as is the content of the current page. All other areas start with the heading of level 2 or 3.
You can reach the individual page areas by pressing the screen reader button for the H2 and H3 heading and the top of the page by pressing the button for the H1 heading. To get to the beginning of the content or navigation of the page, use the H2 heading button.
Furthermore, the page areas are introduced by WAI-ARIA landmarks, which inform you in which area of the website you are currently located. This makes orientation even easier for the blind and visually impaired, and the page structure is clearer.
Note for users of the screen reader JAWS:
As of JAWS version 9, you can use the keyboard combination "Insert" Insert + "Control" Ctrl + ö to display a list of all orientation points. You can also use the ö key to navigate through the landmarks on the web page. In the NVDA screen reader, this would be the d key.
The forms on the website are enriched using WAI-ARIA to provide important information for screen readers in forms mode.
All pages of this portal have the same structure:
- Skip links to directly reach selected areas of the current page.
- List of keyboard shortcuts
- Service navigation with, among other things, user aids (information for personal page adjustment, font sizes , etc.) and links to notes, content and help texts
- Quick search with a form for searching the entire website
- Content area with the actual content of the respective page
- Supplementary notes with the possibility of direct entry/quick entry into certain areas of the portal
- Copyright notice, logos of the project sponsor and project promoter
- Page footer with renewed list of linked keyboard shortcuts for better orientation for blind users at the bottom of the page.
Links that open in a new window are provided with a corresponding note in the TITLE attribute. Screen reader users must first activate these additional functions in order to receive the hint.
The forms provided on these pages are equipped with extensive aids that enable them to be used in a wide variety of ways. Special attention has been paid to aspects of accessibility.
Form features in detail:
- The input fields are labelled and can also be accessed using the tab key.
- Mandatory fields are highlighted and additionally marked according to the WAI-ARIA concept.