Breadcrumb separators are focusable with the voiceover cursor and get also announced

I will work in this

Hi, I was not able to reproduce.

Can you upload the videos that you mensioned?

not sure why the videos havent been uploaded and added back then. apologies. in both videos i first tab through the breadcrumb and then shift tab back to the start as illustrated by the keycastr output. then i do the same by stepping through the breadcrumb one way pressing VO arrow right... in claro the separators are announced and in focus, in olivero they are ignored.

I guess it happens because Claro is using content property for drawing the separators. The possible fix would be to use background-image instead like Olivero does.

ll66382 → made their first commit to this issue’s fork.

I noticed this hadn't been worked in a bit so, prepared a merge request. Hopefully I've gotten the steps right. Thanks @chi for the helpful pointer in #5. I'll attached screen captures and notes shortly.

I've attached screen captures showing for https://git.drupalcode.org/project/drupal/-/merge_requests/12046 breadcrumb separators with different visibility modes in macOS, also a VoiceOver screen recording from iOS. Unfortunately, I couldn't test high contrast mode on Windows; I did check appearance with Windows 11 Edge. Any feedback appreciated.

The update uses Olivero's approach for rotated borders instead of SVG.