Accessibility Audit for Schwankhalle

The plus icon in the hero section and the “Tickets” button on the homepage are not descriptive.

Make sure that the button text is descriptive according to WCAG SC 2.4.2 Link Purpose (In Context) (Level A).

Home

Alt texts are missing from some images

Add alt text to the images that are not decorative

Derya Yıldırım section on the homepage, Logos on the event page

Some alt texts are in German on the English page

Translate alt text for each language page

Multiple pages

The different images in the slider have the same alt text.

Update alt text to describe each image in the slider

This event page

The heading structure is not properly set.

Make sure that each page has both a properly structured visual hierarchy and HTML headings.

All the pages

With keyboard navigation, it goes onto the homepage when the accessibility or menu is open.

Make sure that users can stay on accessibility or menu when it’s open using keyboard navigation

All the pages

The top of the focus outlines for the first event of every month is not displayed.

Display the top of the focus outlines for the first event of every month

Calendar

The foreground colour and background colours don’t have enough contrast.

• The white left arrow icon on the slider image (See image)
• The title letters on hero images (Multiple pages)

Make sure that the colour contrast is at least 4.5:1 for regular-sized text and 3:1 for large-scale text according to WCAG SC 1.4.3 Contrast.

Multiple pages

The abbreviated day of the week is read incorrectly by the screen reader.

Change the abbreviated day of the week to three characters instead of two (e.g., from “Fr” to “Fri”) since it is more common, and add the full word as an aria-label. Alternatively, use the full day name instead of an abbreviation.

Multiple event pages, home, calendar and archive

It’s not clear that clicking the magnifying glass icon after typing in the search box will close the search box and end the search.

After a user types in the search input, change the magnifying glass button to a close button.

Calendar

The label for the email address input is placed after the input field. According to WCAG, the label element should be positioned before the input, textarea, or select element to properly identify the purpose of the control.

Put the email address label before the input

Footer

The icons such as family-friendly, sign languages are not accessible to those who use voice over

Add icons’ descriptions to each event link’s aria-label

Calendar, Home, Archive