ちゃんとアクセシビリティ対応してみた

potatotips #89でLTとして発表した内容です

Transcript

1. 1 “ちゃんと”アクセシビリティ対応 やってみた tepi minne事業部 プロダクト開発チーム 2024.10.23
2. 2 ⾃⼰紹介 minne事業部 プロダクト開発チーム 2023年 中途⼊社 柘植 哲平 Teppei Tsuge (tepi) minneのAndroid版開発担当です。昨年数年ぶりに Android開発に戻り、ガシガシ頑張っています💪 • 1児の⽗ • ゲーム好き、フットサルをたまに
3. 3 • TalkBack(iOSで⾔うところのVoiceOver)でいい感じに 読み上げさせたい • contentDescription以外の対応 ※本セッションではJetpack Composeの話のみ “ちゃんと”とは？
4. minneの作品詳細画⾯のアクセシビリティ対応 4 • Jetpack Composeでは contentDescriptionがテキストや画像の必 須パラメーターとなっている • 確かに読み上げてくれるが読み上げてくれ るだけ ◦ 読み上げられている内容が何を指している かわかりづらい • 画像(特にレビューの星)は読み上げるだけ では良くわからない ◦ 単⼀画像として読み上げるので、関連性が 分かりづらい contentDescriptionのみ対応の場合
5. とりあえずこれだけ覚えれば良い • semantics ◦ mergeDecendants = true で、下位のコ ンポーネントのTalkBackの内容を無効化 • customActions ◦ semantics内で指定でき、TalkBackで実 ⾏できるオプションを指定する • clearAndSetSemantics ◦ 読み上げる内容を上書きできる 参考：公式ドキュメント 5 Modifierから利⽤するTalkBackのための三種の神器
6. 6 • 使い勝⼿が開発前と後で⼤幅に向上した • それなりに⼤変 (今回は調べるところも含めて1⽇かかった) • TalkBackがタイミング気にせずしゃべる • あまり利⽤される⽅の気持ちがわかっているとは⾔い難い 所管
7. アプリについて 7
8. 8 ご清聴ありがとうございました