diff --git a/commit_message.txt b/commit_message.txt new file mode 100644 index 0000000..3f220da --- /dev/null +++ b/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`을 ν†΅ν•œ 슀크린 리더 μŒμ„± ν”Όλ“œλ°± μ΅œμ ν™” diff --git a/index.html b/index.html index 3014dd8..d188886 100644 --- a/index.html +++ b/index.html @@ -44,8 +44,8 @@ GitHub
- - + +
diff --git a/styles.css b/styles.css index 2ba2dcd..3cca9f9 100644 --- a/styles.css +++ b/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 {