動画をアップしました。 プルーデンススクリーンリーダーの話とかいろいろ youtu.be/jCf0XKzPxYo?si… @YouTubeより

必須項目の必須ラベルはlabelに含めるかどうか問題 inputにrequiredがついている時は、スクリーンリーダーで読み上げた時に「必須」ということも伝えてくれる 必須ラベルをlabelに含めると「必須、お名前必須、テキストを編集」となるのでaria-hiddenをつけるか そもそもlabelに含めるのがダメなのか pic.twitter.com/fP7PbudyB3

【ライトニングトーク紹介】 『ユーザーの問い合わせがアクセシビリティ改善を推進した話』 釜堀友基さん：Chatwork株式会社/フロントエンドエンジニア スクリーンリーダーユーザーからの問い合わせをきっかけにアクセシビリティ改善の取り組みが加速した事例 gaad.jp/speakers#kamah… #GAADjp pic.twitter.com/6khulZZLz8

CiscoのPacket Tracerくん、マルチプラットフォームで無料で使えるので初学者向けのネットワークシミュレータとしてかなりいい線いってるんだけど、macでデフォルトだとCLIにスクリーンリーダーが動いて笑わせに来る。 netacad.com/ja/courses/pac… pic.twitter.com/ke8hyooj9X

以前から アイコンボタンのアクセシビリティ対策で aria-label ではなく sr-only が使われるのモヤモヤしてたけど、ざっと調べた限り aria-label はスクリーンリーダー間で挙動が異なるケースがあるので sr-only が無難という理由みたい。 pic.twitter.com/1GQkDLdFlQ

freeeが2021年に公開したアクセシビリティ研修資料を読んでる。キーボード操作やスクリーンリーダーを実際に使ってみたり、勉強になります。 全てのメンバーにアクセシビリティー研修を実施しはじめました + 研修資料を公開します - freee Developers Hub developers.freee.co.jp/entry/a11y-tra… pic.twitter.com/lAvibBAv1K

【ライトニングトーク紹介】 『ユーザーの問い合わせがアクセシビリティ改善を推進した話』 スクリーンリーダーユーザーからの問い合わせをきっかけにアクセシビリティ改善の取り組みが加速した事例 gaad.jp/speakers#kamah… 釜堀友基さん：Chatwork株式会社/フロントエンドエンジニア #GAADjp pic.twitter.com/DxD1v4RDAO

こちらのサイトhoverで出現するテキストと altの内容が一致していて スクリーンリーダーユーザーもそうでない人にも 同様な体験を与えるような設計でとても好き yusannouekiya.com pic.twitter.com/gI8x1LUwTW