1. まとめトップ

申し込んだったー!先着枠入ったー。 / 実はできている!? Webアクセシビリティ2 に参加を申し込みました! hirelink.connpass.com/event/31129/?u… #hireLink, #a11ybooks

実はできている!? Webアクセシビリティ2 hirelink.connpass.com/event/31129/ #hireLink #a11ybooks 好評につき第二回開催決定!昨日より募集を開始しております。

BootStrapなどのフレームワークやCMSでも主なもの(ワールドワイドなもの)は、アクセシビリティかなりいけてる。JavaScriptのモーダル拾ってくれるとかやってくれて、スクリーンリーダーなどに対応できるようになっていたりする #hireLink #a11ybooks

予定時間より、 28分オーバー ( ´ ▽ ` )ノ 面白かったから良いですよ! #a11ybooks

伸びちゃってゴメンなさい!ありがとうございました。また次回よろしくお願いします #a11ybooks

時間の都合で途中抜けてしまいましたが、とっても勉強になりました〜!次回も申し込みしました! #a11ybooks

実はできている!? Webアクセシビリティに出席しました!面白くてタメになりました! connpass.com/event/28964/ #hireLink

figure と figcaption 。マシンにもそれがキャプションだということが伝わる。alt と同じことを2回書く必要はない #hireLink #a11ybooks

質疑。プレースホルダ属性どうしたらいいの?→フォームのラベルをそこで書いちゃうのはまずい(そこにしかラベルがない)。なぜなら、入力を開始したら消えてしまって、それがなんなのかわからなくなってしまったり、エラーが出てもさっぱりだったり。 #hireLink #a11ybooks

コンテンツどういうふうにつくるか、という戦略がはじめになければならず、そういった最初のほうでアクセシビリティの話をして、全員でやる意識を持つのだいじよ。 #hireLink #a11ybooks

マシンリーダビリティだいじ。特別なことじゃない。普通にまっとうにつくればいい。テキストが存在しなければマークアップもできないわけで、設計が重要。 #hireLink #a11ybooks

ブラウザがあててくれるフォーカスをいじっちゃだめ。マウスでしか操作できないとかほんとだめ。 #hireLink #a11ybooks

キーボードの操作ができるようにすることがいちばん基本。マウスオーバーとかクリックしたら…とかいうものも、キーボードで操作できるように #hireLink #a11ybooks

ハイコントラストモードにするとなんもなくなっちゃったりするサイト結構ある。画像置換の罠。お家かえってやってみると爆笑な結果になったりとか #hireLink #a11ybooks

CSSで描くbackground-imageはコンテンツではない。 img要素=前景=コンテンツ #a11ybooks #hirelink

「背景」画像は伝わらないことがある。CSSはあくまで装飾であり、スクリーンリーダーやクローラーには伝わらない。対して、HTMLのimg要素は伝えるべき「内容」「前景」。 #hireLink #a11ybooks

そうなんですよね。画像がなくてもテキストだけで意味が通じればimgの代替テキストはalt=""でいいんですよね。 #a11ybooks

代替テキストが「画像そのものの補足や説明」ではないというのは落とし穴だな…。前後の文脈みて、画像の代わりとして伝わるように示すことが必要で、そもそも代替テキストが不要な場合もある #hireLink #a11ybooks

画像は伝わらないことがある。テキストだけでちゃんとわかるように原稿を書き、補助として画像があるようにするとよい。(組織図とか文字化するのはつらいけど、何をどう伝えるのか考えるのは大事。そのうえで画像をつかうといい) #hireLink #a11ybooks

レスポンシブサイトなのに「右上のボタンを...」みたいな説明文をつけると、スマホ表示にした時に意味不明になる。確かに。#a11ybooks #hirelink

色に頼るのはまずい。配置に頼るのはまずい。見え方は人それぞれ、ツールにもよるし #hireLink #a11ybooks

#a11ybooks #hirelink 目が見えるとしても色覚異常者も一定数いる。「赤い箇所は必須です」みたいなラベルはアクセシビリティ的にはよくない。

Chrome拡張に HTML5 outliner てあった。これで階層チェックできるのかな #hireLink #a11ybooks

1 2





ITエンジニア、Web、ゲーム業界の求人・転職サイト FAbank