🎨 Palette: [UX improvement] 언어 전환 버튼 접근성 및 호버 스타일 개선

commit_message.txt

@@ -0,0 +1,6 @@
+🎨 Palette: [UX improvement] 언어 전환 버튼 접근성 및 호버 스타일 개선
+
+💡 What: 언어 전환 버튼에 `aria-label` 추가 및 버튼 요소들에 `hover` 시 `opacity` 변화 트랜지션 추가
+🎯 Why: 스크린 리더 사용자가 축약어(KO, EN) 대신 명확한 언어명을 인지하게 하고, 일반 사용자가 인터랙티브 요소에 대한 시각적 피드백을 받을 수 있도록 개선
+📸 Before/After: 버튼 호버 시 opacity가 0.8로 부드럽게 변경됨
+♿ Accessibility: `aria-label`을 통한 스크린 리더 음성 피드백 최적화

index.html

@@ -44,8 +44,8 @@
         <a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab">GitHub</a>
       </nav>
       <div class="language-switch" role="group" aria-label="Language">
-        <button type="button" data-lang="ko" aria-pressed="true">KO</button>
-        <button type="button" data-lang="en" aria-pressed="false">EN</button>
+        <button type="button" data-lang="ko" lang="ko" aria-pressed="true" aria-label="한국어">KO</button>
+        <button type="button" data-lang="en" lang="en" aria-pressed="false" aria-label="English">EN</button>
       </div>
     </header>
 

styles.css

@@ -107,6 +107,11 @@ a {
   font-size: 13px;
   font-weight: 850;
   cursor: pointer;
+  transition: opacity 0.2s;
+}
+
+.language-switch button:not([aria-pressed="true"]):hover {
+  opacity: 0.8;
 }
 
 .language-switch button[aria-pressed="true"] {
@@ -212,6 +217,11 @@ h1 {
   text-decoration: none;
   font-size: 15px;
   font-weight: 800;
+  transition: opacity 0.2s;
+}
+
+.button:hover {
+  opacity: 0.8;
 }
 
 .button.primary {