際際滷
Submit Search
テ?サ?イニンク?Webアクセシヒ?リティ Q伏蜘
?
3 likes
?
2,977 views
Yoshinori OHTA
Follow
2015-08-26 アクセシビリティやるぞ]勅世 ?ライトニングト`ク雑諮6Bk? のライトニングト`クのスライドです。
Read less
Read more
1 of 33
Download now
More Related Content
テ?サ?イニンク?Webアクセシヒ?リティ Q伏蜘
1.
gはできている!? Webアクセシビリティ
2.
云?の送れ ? ? アクセシビリティとは? ? gはできている!? ?
アクセシビリティだと房っていたが´´? ? 2
3.
3
4.
BA 4
5.
WAIC 5
6.
デザイニングWebアクセシビリティ 6
7.
アクセシビリティとは?
8.
アクセシビリティとは ?accessibility=accsess+ability ? ?さまざまな旋?宀が ? 秤鵑 ? さまざま ?
侘で旋?できる 8
9.
さまざまな h廠 9
10.
ビジュアルブラウザ(Firefox) 10
11.
テキストブラウザ(w3m) 11
12.
ダウンロ`ダ`(SiteSucker) 12
13.
クロ`ラ`(Googlebot) 13
14.
ハイコントラストモ`ド 14
15.
ハイコントラストモ`ド 15
16.
?ツ`ル(Windows ) 16
17.
スクリ`ンリ`ダ`(NVDA) 17
18.
スクリ`ンリ`ダ`(VoiceOver) 18
19.
さまざまな??h廠 19
20.
さまざまな?? マウス、トラックパッド、トラックボ`ル、マウス キ`、旗紋マウス、タッチデバイス、キ`ボ`ド、 ´ ´ 20
21.
21
22.
22
23.
? を聞ってアクセスしている ? ? ? ?http://www.soumu.go.jp/menu_news/s- news/2005/051215_1_wmv.html 23
24.
アクセシビリティだと 房っていたが´´?
25.
採を房い検かべますか? したサイトとは? 25
26.
26
27.
仝云?へ々リンク 27
28.
カル`セル唯?/壅?ボタン 28
29.
JIS 1.4.4 なしで200 %までサイズ筝できる AA 29
30.
? 30
31.
サイズ:? 31
32.
サイズ:嶄 32
33.
サイズ:? 33
34.
? を困燭気覆ぅ汽ぅ箸謹い ? 200%の?が箔められているが、 箭?したサイトではs133%まで ? ?
鮫颪謹?されていると ほとんど笋錣蕕覆い海箸 34
35.
t嬖 35
36.
2.1.4. 36
37.
2.1.4. ホ`ムペ`ジ する並箭がありますが、これだけでは、ウ ェブアクセシビリティに鬉靴討い襪箸 37
38.
Webアクセシビリティの_隠は蒙eなことではない。 38
39.
峅?さんのコメント ? 、ほとんど?忖の?きさが笋 らない?忖サイズ筝ボタンが富なくない ? Webブラウザであれば ?吭龍のない?忖サイズ筝ボタンは 39
40.
児覆困燭?隈の箭 40
41.
? ? ?忖サイズを笋┐蕕譴襪茲Δ砲垢 ??忖サイズ筝ボタンをつける ??忖サイズを笋┐討 はみ竃したりしないようにする 41
42.
ここまでのまとめ 42
43.
ここまでのまとめ ? あまり叨に?っていないこともある ??忖サイズが筝できることは?俳だが ?忖サイズ筝ボタンでなくてもよい 43
44.
?忖サイズ筝ボタンは なくてもいい! もっと?俳なことがある! ? 44
45.
櫃鼎ないうちに アクセシビリティを_隠していた! デザイン?
46.
ガイドライン(Aき) ホ`ムペ`ジ吉にアクセスしています。 46
47.
アクセスできることが つまり 47
48.
? ? テキストが苧_ ? ちゃんとマ`クアップされている ? ?
テキストが贋壓しない、あいまい ? ちゃんとマ`クアップされてない 48
49.
gは?俳なこと 1. ペ`ジタイトルをきちんとつける 2. 3. 4. 鮫颪 5.
キ`ボ`ドだけで荷恬できる 49
50.
ペ`ジタイトルをきちんとつける 50
51.
?ブラウザのタブ兆 ?ブックマ`クのタイトル ? ?サ`チエンジンやサイト坪碧Y惚 ? からのリンク 51
52.
OK:坪否 52
53.
NG:ペ`ジタイトルがない 53
54.
NG:麿のペ`ジと曝eできないタイトル 54
55.
55
56.
56
57.
OK:レベルに冽った醤悶議 57
58.
OK: 58
59.
NG: がない 59
60.
NG: から坪否を容yできない 60
61.
NG: 61
62.
62
63.
? ? ?侘??きさ ? 63
64.
OK: だけでなくラベルに篁をつける 64
65.
NG: 65
66.
NG: 66
67.
鮫颪 67
68.
鮫颪論?できないことがある ?鮫颪旋?できない彜r ? ? ? スクリ`ンリ`ダ`を聞っている 68
69.
OK:云? 69
70.
NG:鮫颪世韻杷鵑戻工されている 70
71.
旗紋テキストとは? ?鮫颪隆紋となるテキスト ? ? HTMLでは img
alt奉來で峺協 箭: <img src= ̄foo.png ̄ alt= ̄旗紋テキスト ̄ /> 71
72.
? ? 鮫颪世韻没?すると払,靴笋垢 ? 念瘁の?や、ペ`ジのテ`マを根めて深える ?仝alt
ない ? alt奉來々 ? 云?がきちんとしていれば仝カラ alt=^ ̄ 々 72
73.
OK: 73
74.
OK: 74
75.
NG: 75
76.
NG:旗紋テキストとキャプションがかぶっている 76
77.
NG:鮫 77
78.
?HTMLのimg ? 旗紋テキストが できる ?
スクリ`ンリ`ダ`やクロ`ラ`にも擦錣 ?CSS ? ハイコントラストモ`ドや咫泡プレビュ`でえる ? スクリ`ンリ`ダ`やクロ`ラ`には擦錣蕕覆 78
79.
OK:吭龍のある鮫颪惑鮎阿勃辰 79
80.
NG: 80
81.
NG: 81
82.
キ`ボ`ドだけで荷恬できる 82
83.
OK:キ`ボ`ド 83
84.
OK:俳り紋えボタンを苧?する 84
85.
OK:フォ`カス 85
86.
NG:マウスクリックでしか荷恬できない 86
87.
NG:マウスオ`バ`でしか荷恬できない 87
88.
NG:スワイプでしか荷恬できない 88
89.
NG:フォ`カス 89
90.
まとめ
91.
?忖サイズ筝ボタンは なくてもいい! さらに もっと?俳なことがある! もう?業 91
92.
? ? テキストが苧_ ? ちゃんとマ`クアップされている ? ?
テキストが贋壓しない、あいまい ? ちゃんとマ`クアップされてない 92
93.
?gは蒙eなことではない ? 採 ? ? テキストが贋壓しなければマ`クアップできない ? マ`クアップしてもわかりにくいまま 93
94.
つまり´ ?どのプロセスにも アクセシビリティのポイントがある ? Web ? Web 94
95.
さあ、はじめよう! 95
96.
デザイニングWebアクセシビリティ 96
97.
ありがとうございました
Download