ALTテキストを正しく使いこなしたい人は全農広報部さんのツイートがとても参考になる→本当に「わかってる」感じがする

必要最小限の情報が入っていて勉強になる。
173
ymrl @ymrl

altテキストの話でよく全農広報部さんのツイートを紹介するんですが、画像から読み取れる情報とaltテキストに書かれている情報がほぼ等価なのが、「わかってる」感じがするんですよね(情報がシンプルに構成されているというのもある) twitter.com/zennoh_food/st…

2023-06-16 23:44:08
全農広報部【公式】日本の食を味わう @zennoh_food

暑くなってきたなあ、てことでピーマンで焼き浸しです。皮目を先にして両面焼いたら、つけだれを加えて一瞬煮立たせて器にあげ、冷ましたら完成です。つけだれはめんつゆ(2倍濃縮):水=1:1で混ぜるか、水の代わりにお酢を使うとよりさっぱりver.にもなります。味も、ツヤツヤの見た目もたまりません。 pic.twitter.com/Xn939FDg5Z

2023-06-16 18:10:56
ymrl @ymrl

altテキスト、情報を書かなすぎたり、逆に書きすぎたりの事例が多くて、全農広報部さんはほんとうにそこのバランス感覚が良いと思ってます。あと料理のレシピがだいたい美味しそう。

2023-06-16 23:45:55
ymrl @ymrl

「Webアプリケーションアクセシビリティ」という本を書きました webapp-a11y.com

ymrl.net

まとめ Twitterの新機能「ALT:代替テキスト」 目が不自由な方も画像の内容が理解しやすくなる😊 画像の説明を文章で書き込むと、それに対して読み上げ機能を使うことで、全盲の人でも画像の内容をある程度把握できるってことね。 _(:3 」∠ )_ 36278 pv 164 24 users 92

ためしに全農広報部さんのツイートを見てみよう

全農広報部【公式】日本の食を味わう @zennoh_food

JA全農 広報部の公式アカウントです。みなさんのごはんがちょっと楽しくなることを目指してつぶやいています。好きな食べ物は国産農畜産物、いま食べたいのはレンコンのきんぴら。ソーシャルメディアポリシーはこちら→zennoh.or.jp/publish/sns/so…

zennoh.or.jp/index.html

全農広報部【公式】日本の食を味わう @zennoh_food

暑くなってきたなあ、てことでピーマンで焼き浸しです。皮目を先にして両面焼いたら、つけだれを加えて一瞬煮立たせて器にあげ、冷ましたら完成です。つけだれはめんつゆ(2倍濃縮):水=1:1で混ぜるか、水の代わりにお酢を使うとよりさっぱりver.にもなります。味も、ツヤツヤの見た目もたまりません。 pic.twitter.com/Xn939FDg5Z

2023-06-16 18:10:56
拡大
拡大
拡大
拡大

▲ALTテキストの内容。

・1枚目:まな板の上に置いた5個のピーマンです。

・2枚目:縦半分に切って種を取り除いたピーマンをフライパンで焼いているところです。

・3枚目:ピーマンを焼いているフライパンに、つけだれを入れたところです。

・4枚目:完成したピーマンの焼き浸しを器に盛り付けて、鰹節をかけました。

全農広報部【公式】日本の食を味わう @zennoh_food

オレンジページplus7-8月号にある野菜コーナーを監修しました。トマトやとうもろこしなど、夏に食べたい野菜のおいしい食べ方を紹介しています。毎号のことですが、メインコーナー(←弊会は関わっていませんが)の誌面は主菜と副菜のレシピをいっぺんに眺められて便利な冊子になっています。 pic.twitter.com/jjMVEfATLp

2023-06-12 17:55:48
拡大
拡大

▲ALTテキストの内容。

・1枚目:「オレンジページplus7-8月号 ~ふだんの晩ごはんは、2品あればいい。~」の表紙です。
サイズは縦29.5 cm × 横 23.5 cm で、水色を基調にした表紙になっています。

・2枚目:全農が監修した「野菜の「おいしい」食べ方ガイド」のページを開いた様子です。(具体的な中身は見えないようにモザイクをかけています)

全農広報部【公式】日本の食を味わう @zennoh_food

「ご当地牛乳の飲み比べ」という牛乳好きにはたまらん催しを明日6/18に新宿で開催します。味わえるのは全国14種類の牛乳・乳飲料。100円で飲み放題!(未就学児は無料)です。すっきりした牛乳から濃厚な牛乳、そしてカフェオレまで、普段はなかなかできないテイスティング体験を楽しめます。 pic.twitter.com/aFYSFAFDEq

2023-06-17 17:29:49
拡大
拡大
拡大
拡大

▲ALTテキストの内容。

・1枚目:「ご当地牛乳の飲み比べ」イベントで試飲できる14種類の牛乳・乳飲料のパッケージを横一列に並べたところです。

・2枚目:試飲用の小さいプラスチックカップに牛乳を入れ、手に持っている様子です。

・3枚目:イベント会場で販売している牛乳・乳飲料が冷蔵ケースに並んでいる様子です。

・4枚目:イベント会場で販売されるグッズ等です。農協牛乳のロゴが入った保冷バッグもあります。

本当に「わかってる感」がある

ゆうてん🖖 @cloud10designs

「わかってる感」わかる。 写真の撮り方や選び方にもそれがみて取れて、写真自体の視覚情報にも無駄がない。キッチンの他の道具や調理してる人やそういうのが写ってない。不要な情報を省くのはアクセシブルであると言えるし、代替テキストも作りやすい。総じて「わかってる」。 twitter.com/ymrl/status/16…

2023-06-17 00:09:24
Samesin @Samesin

真のAltの使い方してるとこ初めて見た…… twitter.com/ymrl/status/16…

2023-06-17 15:53:46
あずき🥖 @azkipan

すごい。参考になる。参考にします。 twitter.com/ymrl/status/16…

2023-06-17 15:24:00
山田ァ @yamada81y

個人(芸能人とかも含めて)がALTを好きに使ってるのは良いんだけど、何処とは言わないけど緑白青の大手コンビニがクソみたいな使い方してるの見ると本当にクソだなって思う。この間は編集機能を使って編集前のテキストに情報が載ってるとかいうクソをしていて反吐が出た。倫理の欠片もないな。 twitter.com/ymrl/status/16…

2023-06-17 14:34:36
りょうい @Re_0812_

すごい。「本来のALTの使い方」だ。(正しいか否かというニュアンスは含んでいません。) twitter.com/ymrl/status/16…

2023-06-17 10:58:55
燻丸 @ibushi_maru

なんて丁寧なalt テキストなのだろうか。 pic.twitter.com/mSVaRYzo6N

2023-06-17 15:04:13
拡大
かむんらいだあすずてる... @teruterurider

なるほど、ってなった!いつもアクセシビリティって言ってもどう書けば、、と思っていたし、全然情報足りてなかったんだな、と。 twitter.com/ymrl/status/16…

2023-06-17 01:59:17
Junki Mano @ma91n

altテキスト、書き方のコーチングしてほしい。それともLLMで生成してくれるサービスないんですかね twitter.com/ymrl/status/16…

2023-06-17 10:30:21
ると @cocoa_ruto

W3CやWhatWG的にはこれはキャプションであってaltテキストではない、ということになりそう。 html.spec.whatwg.org/multipage/imag… w3.org/WAI/tutorials/… HTMLのaltテキストとTwitterの代替テキスト(空文字列を設定できずtitle属性も設定できない)は同一視してよいのかといった議論はあり得る。 twitter.com/ymrl/status/16…

2023-06-17 22:45:42
信藤博之|バンコク・東京のWEB制作会社|オルトデザインオフィス代表 @hiroyukinobuto

altテキストの活用について、素敵なツイートを発見。全農広報部さんのアカウントにちょっと感動してしまいました。素敵、素敵、素敵!!本当に素敵です! twitter.com/ymrl/status/16…

2023-06-17 08:09:00