事例に学ぶ、ウェブアクセシビリティ〜フロントエンド最前線〜
- teruichi81
- 1147
- 0
- 0
- 0
ESLintでアクセシビリティチェックできるのあるんだ😳 VScodeでaxe Accessibility Linterは導入してたけど、npmパッケージであるなら取り入れてみたいなぁ〜〜 #a11y_findy
2022-12-15 19:25:12参考にしているプロダクトは? TwitterやYouTubeを見ることが多い(野中さん) アメリカのサービスを見ることが多い。アメリカはアクセシビリティに関する法規制がされているので参考になる。Wakmartはアクセシビリティ対応が進んでいる(山下さん) #a11y_findy
2022-12-15 19:25:53山下さんがアクセシビリティで参考にしているWalmartのサイト。 アメリカはアクセシビリティの法規制があるのすごい、、 walmart.com #a11y_findy
2022-12-15 19:26:531年半ぐらい前に、freeeのアクセシビリティー・チェックリストを使っていただいている各社さんに感想を聞くイベントをやったりしました youtube.com/watch?v=t0GcEq… #a11y_findy
2022-12-15 19:27:06walmart.com タブキーでグロナビを移動すると「Welmart+」に畳まれるの面白い #a11y_findy
2022-12-15 19:27:09参加予定だった #a11y_findy のイベントですが、コロナの症状が長引いたため、残念で仕方ないですが欠席とさせていただきました。ご迷惑おかけして大変申し訳ありません…。 また別の機会で弊社/弊チームの情報を共有させてください。
2022-12-15 19:28:29SmartHRさんのアクセシビリティガイドもよく参考にしてます。 #a11y_findy smarthr.design/accessibility/…
2022-12-15 19:29:09投稿コンテンツは投稿する人の協力も必要なの、サイト制作の場でもそうなのでわかりみがふかい どうやって促すかは課題だよなあ #a11y_findy
2022-12-15 19:30:08山下さんはこちらに載っているコンポーネントライブラリも参考にしているとのこと digitala11y.com/accessible-ui-… #a11y_findy
2022-12-15 19:32:01「クリエイターのコンテンツはクリエイター自身に協力してもらう必要がある」 「日頃の開発にガイドライン、チェックリストをどのように取り入れていくか」 #a11y_findy pic.twitter.com/lmVAeIy1fb
2022-12-15 19:33:25効果測定については、定量的に数値をはかれていなくて、利用してる人に修正結果のフィードバックをもらうみたいな感じでやってる、と…… #a11y_findy
2022-12-15 19:34:01「直しました〜とクリエイターに案内して、フィードバックもらってます」は、シンプルながらなかなか実現しにくいことなんだよなー。すばらしい #a11y_findy
2022-12-15 19:35:04note社の最も工夫・注力していることは? ユーザー全体の声を聞き、実際に障がいをお持ちの方にインタビューを行っている。 #a11y_findy
2022-12-15 19:35:30最も注力したことに2社とも「全社 / 周りを巻き込む」が入ってるってことはそれだけ大事なことなんだなあ…… #a11y_findy
2022-12-15 19:35:53公共のサイトのデザインする時はアクセシビリティは必須でJIS X8341基準に制作しています。 テキストのコントラスト比はかなり濃い色でないと使えないんですよね。 スライダーでも「停止」ボタンが必要だったり。文字が200%まで大きくなっても崩れないデザインにしなくてはいけない。 #a11y_findy
2022-12-15 19:35:59slack のスラッシュコマンドから freee 社のアクセシビリティチェックリストを発行できるくらいに、カジュアルに利用させていただいてます🙏🏻 #a11y_findy
2022-12-15 19:36:13STORES社の最も工夫・注力したことは? サブプロジェクト的に無理なく前に進み、PMや社外メンバーなど周りを巻き込んでいくこと。 #a11y_findy
2022-12-15 19:36:20PullRequestにチェックリスト入れても形骸化せず運用できたのナイスだなあ #a11y_findy
2022-12-15 19:37:57