Webridge Meeting SP22 Webアクセシビリティ はじめの一歩

SAWADA STANDARD DESIGN @SawadaStdDesign

ハッシュタグは #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

始まりました！学生さんも多いですね #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

FCバルセロナのサイトはアクセシビリティ達成基準レベルがAA。さすがバルサ #wmsp22

山崎 正宏 @ymzk4u

アクセシブルに制作することが質の高いユーザー体験につながる #wmsp22

ぶらふれ@1歳🐣育児中Webデザイナー×グラフィックレコーダー @brightflavor

Webridge Meeting SP22「Webアクセシビリティはじめの一歩」参加なう #wmsp22 pic.twitter.com/eKPrQeWRwv

拡大

山崎 正宏 @ymzk4u

東京オリンピックのオフィシャルスポンサーもちゃんとアクセシビリティを担保しなきゃね #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

バルサのファンクラブには、4,000人を超える障害者の方もいらっしゃるそう。その方にも同じように楽しんでもらいたい、というのが対応理由とのこと。 #wmsp22

izuizu@🍓*⋆✈︎山本和泉 @izuizu

Webridge Meeting SP22 (ウェブリッジ ミーティング スペシャル22)　 Webアクセシビリティ はじめの一歩 bit.ly/2dyw3aS #wmsp22

山崎 正宏 @ymzk4u

民間の企業（大手を中心に）もアクセシビリティ対応が進んでいる #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

アクセシビリティチェックリストもらえる！ #wmsp22

SAWADA STANDARD DESIGN @SawadaStdDesign

植木さんのスライドにも、いらすとやのイラストが侵食してきてることを確認。 #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

h1マークアップ→TOPページはロゴをh1で、下層ページはページタイトルをh1でマークアップすることを推奨 #wmsp22

山崎 正宏 @ymzk4u

将来的にはランドマークroleは不要になるけど、今の段階では使っていく #wmsp22

山崎 正宏 @ymzk4u

aria-lavel属性を用いてわかりやすいラベルづけを心がける #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

role、aria-label要素などどういう要素にどういう指定をしていったらいいか、見直さないと。navなんかはページに複数あるしなぁ #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

ササダンゴマシンきた！！ #wmsp22

山崎 正宏 @ymzk4u

学生さん。スーパーストロングマシンは知らないけど、ササダンゴマシンは知っている。 #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

ヤコブ・ニールセンbot twitter.com/jakob_usabilit… #wmsp22

山崎 正宏 @ymzk4u

折れ線グラフや棒グラフにはalt属性を使わずにtableを置く場合も #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

画像、テキストのリンク先がそれぞれ同じ場合、できるだけ１個のリンクにまとめてalt属性は空（alt="")に。別々に指定するとタブ操作などが煩雑に #wmsp22

山崎 正宏 @ymzk4u

信幸が出てきた #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

文字サイズ変更ボタンはいらない！！いらないよ #wmsp22

山崎 正宏 @ymzk4u

写真とキャプションの関係をマシンリーダブルにする figcaption #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

音声読み上げ、色合いを変えるのもいらない ほとんど使われてないし、その機能が必要な人はすでに設定している #wmsp22

Eriko | ウェブ解析士マスター子育て中 @eriko

そういうことにスペースを使うなら、もっと重要な内容にスペースを割こう #wmsp22