Skip to content

a11y cursor navigation teaser bühne/opener (swiper) #837

@maxliqd

Description

@maxliqd

Essential Information When I use cursor and tab to navigate through the website, the teaser bühne sliding elements stop in the middle between two elements. You also cannot use the cursor to go through the text.
URL: https://gemeinsamdigital.berlin.de/de/massnahmen-der-strategie/
device & browser: chrome, mac
operating system (incl. version):
*behaviour:

  • When I tab through the teaser bühne, the view stops between the teasers elements. You do not see the navigation bar above the element.
  • When you tab from the first arrow to the link, the tab jumps to the right outside the main column and you can follow a link to the last element in the slider (meinBerlin).
  • You cannot navigate up to the page title using the cursor once you are on the slider.

expected behaviour:

  • When you tab, you jump to the next element in the swiper.
  • There is no focus on invisible links outside the main column.
  • You can get up to the title using the cursor.

Additional information if relevant
user role:
important screensize:
Comment/Question:

Screenshot if design related:

https://gemeinsamdigital.berlin.de/de/massnahmen-der-strategie/
Since issues are public, make sure to not display personal or secret data.
Between elements:
image

On mobile:
image

no navigation bar:
image

Where focus appears outside main column:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Dev: Not our bugExternal bugs that needs to get fixed elsewhere

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions