第83回「WEB TOUCH MEETING」まとめ

えいる @eielh

タイトルが組織図…にalt属性が組織図の画像があっても、人にやさしくない？ #wtm83

えいる @eielh

テキストブラウザでみてみよう。 #wtm83

にしもつ @24motz

代替テキスト。企業の組織図では「何とかの下に何とかを設置しています」など。代替テキストがないとテキストブラウザで画像のファイル名しか出てこない。 #wtm83

えいる @eielh

> わけがわからないよ < #wtm83

うえはす @uehaso

複雑な画像のaltってどんな画像なのかって説明文を別途用意した方が良さそうな気がしてきた #wtm83

えいる @eielh

代替テキストが設定しているとコンピュータに優しいので、人間にも優しくなれる。 #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

alt属性だとRSSフィードがひどいことに←検索ボットなども見れない。 alt属性はSEO対策にもなる。 #wtm83

6dts @6dts

現在開催中の webtouchmeeting.doorkeeper.jp/events/32109 これのハッシュタグが「#wtm83」なのか。 どうでもいいけど趣旨のなかの、誤用気味な「さわりの部分」という表現をなんとかしたらどうか

えいる @eielh

良いサイトは自分のよみやすい文字サイズでみてもよみやすい。 #wtm83

にしもつ @24motz

代替テキスト＝検索エンジンのクローラーも読んでくれる。テキストデーターは強い。縮小、拡大、音声化、点訳、翻訳。。Windows のハイコントラストテーマ #wtm83

えいる @eielh

> 黒背景に青文字がよめない < #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

windowsにはハイコントラストモードがあり、色弱の人にも優しい #wtm83

にしもつ @24motz

NVDA がしゃべり出すと他人ごとでなくなる #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

音声案内＜ﾄﾞｯﾄﾄﾞｯﾄﾄﾞｯﾄ #wtm83

にしもつ @24motz

某空港のフライト案内は館内の看板のWebカメラ画像という話 #wtm83

にしもつ @24motz

マシンリーダブルがアクセシビリティに重要 #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

結論「テキストで情報を設定してマシンリーダブルにしよう」 #wtm83

えいる @eielh

福山市は消してわるくないです。 #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

福山市のサイトは未だにFlashコンテンツなのか #wtm83

えいる @eielh

消したらダメです。 #wtm83

うえはす @uehaso

良きに計らうという日本の文化・・・ #wtm83

にしもつ @24motz

Flash Player 限定コンテンツに iOS からアクセスできない。コーダーが Flash コンテンツを受け取っても代替テキストをつけられない。実装者だけの取り組みではだめ #wtm83

えいる @eielh

キーボードで操作したいウェブサイト #wtm83

イノウエ(絶滅危惧種) @takanashi66

「画像だけポンと渡されても、代替テキストを設定できない」確かに！ #wtm83

𝕞𝕦𝟚𝕚𝕟🏝️@むじん @mu2in

Webアクセシビリティ、まず取り組むべきはカルチャーとプロセス | 覚え書き | (at)kazuhito kidachi.kazuhi.to/blog/archives/… #wtm83