Translation

Sample-1 : Icon with label


Sample-2 : Using ARIA


Sample-3 : Using title attribute

概要と目的

ここでは、翻訳機能の対象を調べている

各種検証

スクリーンリーダー

VoiceOver(MacOS+Chrome)

デフォルト

きちんと読まれていることがわかる。

  • デフォルト、下位項目が折りたたまれました、三角形の展開ボタン、グループ
  • デフォルト、字間広く、三角形の展開ボタン、グループ

VoiceOver(MacOS+Safari)

ChromeVox

キー操作

キー操作自体には問題はない。 Tabキーを押すと、summary要素、a要素のそれぞれにフォーカスを移せる。

結論

Chromeではきちんと翻訳されている。