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 {