From e175eb14365d053a3b617d2796348536d02d9222 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 24 Aug 2026 13:38:41 +0200
Subject: [PATCH] feat(vocab): enhance choice button styles for improved
 accessibility and focus visibility

---
 frontend/src/views/social/VocabLessonView.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/views/social/VocabLessonView.vue b/frontend/src/views/social/VocabLessonView.vue
index b229b6d..7c2c6d5 100755
--- a/frontend/src/views/social/VocabLessonView.vue
+++ b/frontend/src/views/social/VocabLessonView.vue
@@ -6015,6 +6015,7 @@ export default {
   border: 2px solid #ddd;
   border-radius: 4px;
   background: white;
+  color: var(--color-text-primary);
   cursor: pointer;
   font-size: 1em;
   transition: all 0.2s;
@@ -6023,6 +6024,13 @@ export default {
 .choice-button:hover {
   border-color: var(--color-primary);
   background: var(--color-primary-soft);
+  color: var(--color-text-primary);
+}
+
+.choice-button:focus-visible {
+  border-color: var(--color-primary);
+  outline: 3px solid var(--color-primary-soft);
+  outline-offset: 2px;
 }
 
 .choice-button.selected {