Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
maxliqd opened this issue Jul 10, 2023 · 9 comments
Open

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

maxliqd opened this issue Jul 10, 2023 · 9 comments
Labels
Dev: Not our bug External bugs that needs to get fixed elsewhere

Comments

@maxliqd
Copy link
Contributor

maxliqd commented Jul 10, 2023

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

@maxliqd maxliqd added this to the Handover Nov 23 milestone Jul 10, 2023
@maxliqd
Copy link
Contributor Author

maxliqd commented Jul 11, 2023

I informed BO on 11 July 23

@philli-m philli-m self-assigned this Oct 26, 2023
@philli-m
Copy link
Contributor

philli-m commented Oct 26, 2023

@maxliqd i can't replicate this, what browser and OS? sorry just saw mac. Want to ask though, I do have an issue on firefox that it tabs to the slide links before tabbing to the filter but I don't think thats what you are describing?
Also I can always return to the title, including on chrome?!

@maxliqd
Copy link
Contributor Author

maxliqd commented Oct 26, 2023

Mac chrome:

Bildschirmaufnahme.2023-10-26.um.16.05.32.mov

@maxliqd
Copy link
Contributor Author

maxliqd commented Oct 26, 2023

Mac firefox

Bildschirmaufnahme.2023-10-26.um.16.03.07.mov

@maxliqd
Copy link
Contributor Author

maxliqd commented Oct 26, 2023

Does this help @philli-m ?

@philli-m
Copy link
Contributor

@maxliqd it does help thankyou! but I can't fully replicate, can you tell me your chrome and ff versions and your mac os version?

@maxliqd
Copy link
Contributor Author

maxliqd commented Oct 26, 2023

Sure: Chrome Version 116.0.5845.187 (Offizieller Build) (arm64)
Firefox Version 116.0.5845.187 (Offizieller Build) (arm64)

@philli-m
Copy link
Contributor

@maxliqd ok got it, weirdly local is a little different, anyway this is also an issue in their style library, did they say they would do anything about it? I have updated the BO libraries and it's still there

@philli-m philli-m added the Dev: Not our bug External bugs that needs to get fixed elsewhere label Oct 30, 2023
@maxliqd
Copy link
Contributor Author

maxliqd commented Oct 30, 2023

@philli-m I will let them know. Not much we can about this before the release, I guess. So I will remove it from the milestone.

@maxliqd maxliqd removed this from the Handover Nov 23 milestone Oct 30, 2023
@philli-m philli-m changed the title a11y cursor navigation teaser bühne (swiper) a11y cursor navigation teaser bühne/opener (swiper) Oct 30, 2023
@philli-m philli-m removed their assignment Oct 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Dev: Not our bug External bugs that needs to get fixed elsewhere
Projects
None yet
Development

No branches or pull requests

2 participants