fix(LanguageSwitcher): スクリーンリーダーで各言語のリンクを正しく読み上げられるようにlang属性を追加

[daiHash]

関連URL

https://smarthr.atlassian.net/browse/SHRUI-1177

Storybook WCAG Reference

概要

言語切替メニューのリンクのテキストが各言語の言葉のため、pageに設定されている言語によってスクリーンリーダーで読み上げるときに発音がおかしかったり、読み上げられない場合がります

変更内容

• スクリーンリーダーで各言語の発音で読み上げるために、LanguageSwitcherの各アイテム言語ごとにlang属性を追加

確認方法

現在の状態の確認は

• ローカルのStorbookで確認したい場合一旦LanguageSwitcherで追加したlang属性を削除してから、スクリーンリーダーで各アイテムを読み上げる
• SmartHR上のヘッダーにあるLanguageSwitcherでスクリーンリーダーで各アイテムを読み上げる
• 一番わかりやすいのがポルトガル語やベトナム語を選択し、漢字、ハングルを読み上げると選択中の言語で読み方がないため何も読み上げられない

[pkg-pr-new[bot]]

Open in Stackblitz

pnpm add https://pkg.pr.new/kufu/smarthr-ui@5002

commit: 07206b4

[Qs-F]

些細な話なのですが、Conventional commitsではスコープ切る場合、型の後方に (hogehoge) でつけると良いと書いてあるので、[]で囲うよりも fix(LanguageSwitcher): ... の形で書くほうがいいかもです〜！

[s-sasaki-0529]

ひえ、CIが回らないゾ

[Qs-F]

あ〜〜〜 そうか、メンテナーに入ってないからCIが回らないのか… 😇