id:Pasta-K です。Helpfeel社内全体でのアクセシビリティ改善への取り組みについて定期的にお知らせする活動を試験的にはじめてみることにしました。よろしくお願いします。
早速ですが、2023年6月のアクセシビリティ改善に関するトピックスを紹介します！
プロダクトのアクセシビリティ改善情報
まずは各チーム出来ることからはじめていこうという6月でした。横のチームがやっていることなどからも倣いつつそれぞれのサービスで今後の改善につなげていけると良いですね。
Gyazo
- ランドマークロールの付与
- 画像一覧ページでのサイドバーのフォーカスリングや画像選択時のフォーカスなどの改善
Scrapbox
- ランドマークロールの付与
- 併せて変更に関するお知らせを公開しました。そこへ頂いたフィードバックを参考に公開時から更に改善を行っています。
Helpfeel
- 共通のUIに配置されている
alt属性が未設定な<img>タグにalt属性を付与 - 「言葉のヒント」や「よく見られている言葉」の項目内のリンクにフォーカスが当たるように改善
eslint-plugin-jsx-a11yでjsx-a11y/alt-textとjsx-a11y/aria-roleを有効化- 「ウェブアクセシビリティ導入ガイドブック」などの項目を確認するための取り組みを行うa11yチェックのコーナーを開発チームの定例ミーティング内に新設
その他のアクセシビリティに関する取り組み
Helpfeel Tech Hour vol.3 「アクセシビリティを始めたい！」編を開催
2023年6月16日にHelpfeel Tech Hour vol.3 「アクセシビリティを始めたい！編」を開催しました。詳しくは開催報告ブログをご覧ください
その中でCTOのakiroomからHelpfeelでのアクセシビリティへのコミットメントを宣言するトークを披露しました。このトークは後日社内勉強会でも改めて共有されています。これらをベースに今後もアクセシビリティへの取り組みを加速させていきます。
a11yオフィスアワー定例化
隔週の水曜日の夕方に「a11yオフィスアワー」と称して、今取り込んでいるアクセシビリティ改善の話や社内で気になっているアクセシビリティのことについての相談などをする会を定例化しました。日常的にSlackなどで会話もしていますが、目的意識を持って時間を作って集まることで明確に出来るかと思って始めてみています。ここでの会話なども今後紹介できるものがあればしていこうと思っています。
スライドテンプレートの行間を広げました
社内でGoogle Slide経由で使用できるように提供されているテンプレートの行間を1.15emから1.5emに変更しました。WCAG 2.1 達成基準 1.4.12: テキストの間隔を理解するでも「行の間隔 (行送り) をフォントサイズの少なくとも 1.5 倍に設定する」と書かれているように、広い行間を取ることが推奨されています。
まとめ
2023年6月のアクセシビリティ改善ニュースをお届けしました。今月のHelpfeel Tech Hour vol.3などをきっかけに社内外におけるアクセシビリティの取り組みを絶やさず続けられるようにしていきたいと思っています。早速来月(7月)もまたお知らせ出来そうな取り組みがいくつか始まっているので、また随時お知らせしていきます。
それでは、また。
