#Drupal CMS a11y

I made the necessary CSS changes so that the same solution as Olivero is being used

Claro is facing the same problem: 🐛 Breadcrumb separators are focusable with the voiceover cursor and get also announced Active

The solution in that ticket is to follow what Olivero does.

the_g_bomb → credited rkoller → .

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.

Hi @batigolix,
Apologies for the delayed response.

As requested, I'm sharing the before and after images to illustrate the issue and the changes made. Please review them and let me know if any further adjustments are needed.

Looking forward to your feedback.

Automatically closed - issue fixed for 2 weeks with no activity.

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.

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