1 “ちゃんと”アクセシビリティ対応 やってみた tepi minne事業部 プロダクト開発チーム 2024.10.23

2 ⾃⼰紹介 minne事業部 プロダクト開発チーム 2023年 中途⼊社 柘植 哲平 Teppei Tsuge (tepi) minneのAndroid版開発担当です。昨年数年ぶりに Android開発に戻り、ガシガシ頑張っています💪 ● 1児の⽗ ● ゲーム好き、フットサルをたまに

3 ● TalkBack(iOSで⾔うところのVoiceOver)でいい感じに 読み上げさせたい ● contentDescription以外の対応 ※本セッションではJetpack Composeの話のみ “ちゃんと”とは？

minneの作品詳細画⾯のアクセシビリティ対応 4 ● Jetpack Composeでは contentDescriptionがテキストや画像の必 須パラメーターとなっている ● 確かに読み上げてくれるが読み上げてくれ るだけ ○ 読み上げられている内容が何を指している かわかりづらい ● 画像(特にレビューの星)は読み上げるだけ では良くわからない ○ 単⼀画像として読み上げるので、関連性が 分かりづらい contentDescriptionのみ対応の場合

とりあえずこれだけ覚えれば良い ● semantics ○ mergeDecendants = true で、下位のコ ンポーネントのTalkBackの内容を無効化 ● customActions ○ semantics内で指定でき、TalkBackで実 ⾏できるオプションを指定する ● clearAndSetSemantics ○ 読み上げる内容を上書きできる 参考：公式ドキュメント 5 Modifierから利⽤するTalkBackのための三種の神器

6 • 使い勝⼿が開発前と後で⼤幅に向上した • それなりに⼤変 (今回は調べるところも含めて1⽇かかった) • TalkBackがタイミング気にせずしゃべる • あまり利⽤される⽅の気持ちがわかっているとは⾔い難い 所管

アプリについて 7

8 ご清聴ありがとうございました