Merge pull request #43 from as567-code/fix/add-aria-labels-to-icon-buttons

fix: add aria-labels to icon-only buttons in AiTutor

Author: beihaili

src/features/ai-tutor/AiTutor.jsx

@@ -52,6 +52,7 @@ const AiTutor = ({ lessonContext = '' }) => {
       <div className="fixed bottom-6 right-6 z-50">
         <button
           onClick={() => setIsOpen(true)}
+          aria-label={t('ai.title')}
           className="bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-500 hover:to-blue-500 text-white p-4 rounded-full shadow-2xl shadow-purple-500/20 transition-all transform hover:scale-105"
         >
           <BrainCircuit className="w-6 h-6" />
@@ -67,7 +68,7 @@ const AiTutor = ({ lessonContext = '' }) => {
           <BrainCircuit className="w-5 h-5 text-purple-400" />
           <h3 className="font-bold text-white">{t('ai.title')}</h3>
         </div>
-        <button onClick={() => setIsOpen(false)} className="text-slate-400 hover:text-white">
+        <button onClick={() => setIsOpen(false)} aria-label={t('ai.close')} className="text-slate-400 hover:text-white">
           <X className="w-4 h-4" />
         </button>
       </div>
@@ -113,6 +114,7 @@ const AiTutor = ({ lessonContext = '' }) => {
           <button
             onClick={sendMessage}
             disabled={!inputValue.trim() || isLoading}
+            aria-label={t('ai.sendMessage')}
             className="bg-cyan-600 hover:bg-cyan-500 disabled:bg-slate-600 text-white p-2 rounded transition-colors"
           >
             <Send className="w-4 h-4" />

src/i18n/locales/en.json

@@ -87,7 +87,9 @@
     "thinking": "Thinking...",
     "errorPrefix": "Sorry, I encountered an issue: ",
     "promptTemplate": "Student question: \"{{question}}\"\n\nAnswer the student's question based on the current lesson content. Lesson content:\n{{context}}\n\nPlease provide a clear and easy-to-understand explanation. If the question relates to the current lesson, incorporate the lesson content. If the question is beyond the lesson scope, you may expand on it but note that it goes beyond the lesson.",
-    "systemInstruction": "You are a friendly Web3 education tutor. Answer in the user's language, keep explanations simple and accessible, and feel free to use emoji to make your responses more engaging."
+    "systemInstruction": "You are a friendly Web3 education tutor. Answer in the user's language, keep explanations simple and accessible, and feel free to use emoji to make your responses more engaging.",
+    "close": "Close AI Tutor",
+    "sendMessage": "Send message"
   },
   "quiz": {
     "title": "Challenge Quiz",

src/i18n/locales/zh.json

@@ -87,7 +87,9 @@
     "thinking": "思考中...",
     "errorPrefix": "抱歉，我遇到了一些问题：",
     "promptTemplate": "学生问题: \"{{question}}\"\n\n基于当前课程内容回答学生的问题。课程内容：\n{{context}}\n\n请提供清晰、易懂的解释，如果问题与当前课程相关，要结合课程内容。如果问题超出课程范围，可以适当扩展但要说明。",
-    "systemInstruction": "你是一个友善的Web3教育助教。用中文回答，语言要通俗易懂，可以使用表情符号让回答更生动。"
+    "systemInstruction": "你是一个友善的Web3教育助教。用中文回答，语言要通俗易懂，可以使用表情符号让回答更生动。",
+    "close": "关闭AI助教",
+    "sendMessage": "发送消息"
   },
   "quiz": {
     "title": "闯关测验",