Improve accessibility and fix ARIA warnings
Some checks failed
CI / update (push) Failing after 5s

- Add proper aria-labels to all interactive buttons
- Convert div click handlers to semantic button elements with proper styling
- Add ARIA roles to SVG circle elements in rosenkranz interface
- Add role="button" and aria-label to tag removal elements
- Suppress inappropriate accessibility warning for image zoom functionality

All build accessibility warnings have been resolved.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-04 19:39:55 +02:00
parent 06cd7e7677
commit 95b49ab6ce
5 changed files with 62 additions and 34 deletions

View File

@@ -463,19 +463,19 @@ Der unten abgebildete Rosenkranz zeigt die aktuellen Gehmeinisse des Tages nach
</g>
<g id=lbead5>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
<g id=lbead4>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
<g id=lbead3>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
<g id=lbead6>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
</g>
<g class=beforedecades>
@@ -490,11 +490,11 @@ Der unten abgebildete Rosenkranz zeigt die aktuellen Gehmeinisse des Tages nach
</g>
<g id=lbead1>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
<g id=lbead2>
<circle class=lbead />
<circle class=hitbox onclick="{true}" />
<circle class=hitbox onclick="{true}" role="button" tabindex="0" />
</g>
</g>
</g>