際際滷

際際滷Share a Scribd company logo
ウェブディレクタ`のための?
Web A11Y 茶氏
#01 (2017-06-20)
徭失B初
@caztcha
ウェブユ`ザビリティ / アクセシビリティ / 秤鵐〒`キテクチャ (IA)
HCD-Net J協 繁g嶄伉OT社
ウェブアクセシビリティ児P溜T氏 (WAIC) 鍬UWG
http://website-usability.info
晩?のウェブコンテンツ崙恬g佞砲
いてアクセシビリティの毅隠を@A議
に指せること。そのための児A恬り。
この茶氏の朕
サイトオ`ナ` (k廣宀) が吭Rせず
とも徭ずとアクセシビリティが毅隠さ
れている彜B。
朕峺したいこと
アクセシビリティを尖盾しg樹できる
ことをみなさんご徭附の (ひいては、
デザインファ`ムとしての)仝み々に。
みなさんにとってのメリット
みんなでSしく (^^)
ウェブアクセシビリティ
とは
[Access] + [´ability]
アクセスできること。
(´と冱われてもピンと栖ない)
アクセシビリティの協x (ISO 9241-20)
^the usability of a product, service,
environment or facility by people with
the widest range of capabilities. ̄
?な嬬薦を隔つ嫌レい咾糧法にする、u瞳、サ`ビス、h廠または仏Oのユ`ザビリティ。
歌深 : ユ`ザビリティの協x (ISO 9241-11)
	 ^Extent to which a product can be used by specified users to achieve
specified goals with effectiveness, efficiency and satisfaction in a specified
context of use. ̄?
蒙協のユ`ザ`が、蒙協の旋喘彜rの嶄で、蒙協のゴ`ルを_撹するために、あるu瞳を (嗤塵圈紳偏圈
祭禧箸魄蕕辰) 旋喘できる業栽い。
謹な旋喘猟} (彜rや附悶議蒙來) を隔つユ`ザ`
が、ウェブコンテンツを旋喘でき、徭らのゴ`ルを
_撹できること。
謹な旋喘猟} (とその盾Q隈) の箭
紗hや藤困俳,気ぷ屬iみにくい (m俳な猟忖サイズと塘弼コントラスト)
嬾墾や講厘でマウスが聞えない (キ`ボ`ド荷恬の毅隠)
弼のReがyしい (弼だけに卆贋しない秤麑疂)
朕がえない (スクリ`ンリ`ダ`でのiみ貧げ)
えにくい (鮫中の寄燕幣)
串がこえない、こえにくい (咄蕗コンテンツのテキストによる秤鷄U)
モバイルで旋喘している (J岑塞が富ない秤麑疂)
などなど´
ウェブアクセシビリティとは
ウェブアクセシビリティは
なぜ駅勣なの
みんなが聞う、ウェブだから。
竃灸 : 峠撹28定井 秤麝佚易 (t嬖) http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h28/html/nc252110.html
秤麝佚極挑の弊。隠嗤楕の容卞
竃灸 : 峠撹28定井 秤麝佚易 (t嬖) http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h28/html/nc252110.html
奉來eインタ`ネット旋喘楕式び旋喘l業
麿のメディアと曳^して深えると、?なモダリティにQしての秘竃
薦が辛嬬で、ユ`ザ`の謹な旋喘猟}に鬉靴笋垢さ磴ユニ`ク。
ウェブの蒙來
The power of the Web is in its
universality.?
Access by everyone regardless of
disability is an essential aspect.
ウェブがれているところは、そのレい喘來である。?
嬾墾があるか倦かにvわらず、lでもアクセスできるということは、ウェブにとっ
て音辛之な蒙罿覆里任△襦
Tim Berners-Lee, W3C Director and inventor of the World Wide Web
アクセシビリティの毅隠は、ウェブコンテンツを恬るうえでの児云瞳|。
祭
音祭
音割怎
輝たり念瞳| (児云瞳|)
帆ζ警|
匯圷議瞳| (來嬬瞳|)
櫃鉾襪
碧圭ない
櫃鉾襪蕕覆
(癡勸モデル)
輝たり念
ウェブアクセシビリティは、
あらゆるユ`ザ`がウェブを
旋喘できる仝輝たり念々瞳|
屶址室宝を岑ろう
屶址室g (Assistive Technology) とは、匯違議なデバイスやブラウザではウェ
ブコンテンツを旋喘できないユ`ザ` (嬾墾宀) のための、屶址ツ`ル (ソフト
ウェアおよびハ`ドウェア) のこと。
屶址室gとは
¢ スクリ`ンリ`ダ`
¢ 泣忖ディスプレイ
¢ マウス荷恬旗紋廾崔
¢ フォ`カスg佩スイッチ
¢ 秘薦廾崔
¢ 咄蕗秘薦
¢ 鮫中の寄燕幣 (寄R)
¢ 鮫中の弼科郡燕幣
泣忖ディスプレイの箭
マウス荷恬旗紋廾崔の箭
フォ`カスg佩スイッチの箭
篇瀏訌ψ慰辰寮
嬾墾宀畠辰のウェブペ`ジ旋喘圭隈 (13 mins)
https://www.youtube.com/watch?v=RLIKacI05fE
嬾墾宀樋のウェブペ`ジ旋喘圭隈 (8 mins)
https://www.youtube.com/watch?v=p80PJXMPIDY
嬾墾宀のウェブ旋喘の徨 (啝)
肝指嚠御
アクセシビリティ編^ツ`ルいろいろ
WAVE, NoCoffee Vision Simulator, Colour Contrast Analyser,
aXe, Chrome _k宀ツ`ル
スクリ`ンリ`ダ`を悶Yしよう!
NVDA (for Windows), VoiceOver (for iOS)
To be continued´

More Related Content

ウェブディレクタ`のための Web A11Y 茶氏 #01