mirror of
https://github.com/UiO-Gaming/uiogaming.no.git
synced 2026-11-05 13:56:47 +01:00
Hide decorative flags from screen readers in the language selector
The flags had titles that repeated the button text. Also mark each language name with its own lang so it's pronounced correctly. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
633237f262
commit
70ba50c515
1 file changed
+4
-4
@@ -24,13 +24,13 @@ const LanguageSelector = () => {
|
|||||||
<div className={styles.languageSwitcher}>
|
<div className={styles.languageSwitcher}>
|
||||||
{locale === "no" ? (
|
{locale === "no" ? (
|
||||||
<button onClick={() => changeLocale("en")} className={styles.button}>
|
<button onClick={() => changeLocale("en")} className={styles.button}>
|
||||||
<GB className={styles.flag} title="English flag" />
|
<GB className={styles.flag} aria-hidden="true" />
|
||||||
English
|
<span lang="en">English</span>
|
||||||
</button>
|
</button>
|
||||||
) : (
|
) : (
|
||||||
<button onClick={() => changeLocale("no")} className={styles.button}>
|
<button onClick={() => changeLocale("no")} className={styles.button}>
|
||||||
<NO className={styles.flag} title="Norwegian flag" />
|
<NO className={styles.flag} aria-hidden="true" />
|
||||||
Norsk
|
<span lang="no">Norsk</span>
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in new issue
Block a user