Submit Search
Upload
アルファサード株式会社はなぜ アクセシビリティに取り組むのか
•
0 likes
•
3,373 views
純生 野田
Follow
2017/5/18 アクセシビリティの祭典での発表スライド http://accfes.com/seminar_page05.html
Read less
Read more
Technology
Report
Share
Report
Share
1 of 40
Download now
Download to read offline
Recommended
アクセシビリティで企業価値を高める、小さな会社の戦い方
アクセシビリティで企業価値を高める、小さな会社の戦い方
純生 野田
PowerCMS X
PowerCMS X
純生 野田
次世代版 PowerCMS 開発プロジェクトのご紹介
次世代版 PowerCMS 開発プロジェクトのご紹介
純生 野田
PowerCMS Conference
PowerCMS Conference
純生 野田
PowerCMS X
PowerCMS X
純生 野田
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
純生 野田
About PowerCMS4.3
About PowerCMS4.3
純生 野田
オーサリングツールとしてのCMSとWebアクセシビリティ
オーサリングツールとしてのCMSとWebアクセシビリティ
純生 野田
Recommended
アクセシビリティで企業価値を高める、小さな会社の戦い方
アクセシビリティで企業価値を高める、小さな会社の戦い方
純生 野田
PowerCMS X
PowerCMS X
純生 野田
次世代版 PowerCMS 開発プロジェクトのご紹介
次世代版 PowerCMS 開発プロジェクトのご紹介
純生 野田
PowerCMS Conference
PowerCMS Conference
純生 野田
PowerCMS X
PowerCMS X
純生 野田
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
純生 野田
About PowerCMS4.3
About PowerCMS4.3
純生 野田
オーサリングツールとしてのCMSとWebアクセシビリティ
オーサリングツールとしてのCMSとWebアクセシビリティ
純生 野田
Color Testerはどうやって文字の色を拾っているのか?
Color Testerはどうやって文字の色を拾っているのか?
純生 野田
The Next PowerCMS
The Next PowerCMS
純生 野田
The Next PowerCMS
The Next PowerCMS
純生 野田
やはりお前らのMTMLは間違っている!
やはりお前らのMTMLは間違っている!
純生 野田
ウェブアクセシビリティチェックツール開発者の頭ん中
ウェブアクセシビリティチェックツール開発者の頭ん中
純生 野田
PowerCMS 8341 のご紹介
PowerCMS 8341 のご紹介
純生 野田
Something Different for the Best Web Solution!
Something Different for the Best Web Solution!
純生 野田
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
純生 野田
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
純生 野田
MTで学ぶセキュアプログラミング@MT Tokyo
MTで学ぶセキュアプログラミング@MT Tokyo
純生 野田
Mt seminar hiroshima_public
Mt seminar hiroshima_public
純生 野田
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
純生 野田
MT meets PHP
MT meets PHP
純生 野田
MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013
純生 野田
Inside Movable Type
Inside Movable Type
純生 野田
Power cms3+azure
Power cms3+azure
純生 野田
mt-plugin-mt-translate - MTDDC
mt-plugin-mt-translate - MTDDC
純生 野田
PowerCMS Social
PowerCMS Social
純生 野田
SixApart Day 2011/第28回WebSig会議 Lightning Talk
SixApart Day 2011/第28回WebSig会議 Lightning Talk
純生 野田
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
純生 野田
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
More Related Content
More from 純生 野田
Color Testerはどうやって文字の色を拾っているのか?
Color Testerはどうやって文字の色を拾っているのか?
純生 野田
The Next PowerCMS
The Next PowerCMS
純生 野田
The Next PowerCMS
The Next PowerCMS
純生 野田
やはりお前らのMTMLは間違っている!
やはりお前らのMTMLは間違っている!
純生 野田
ウェブアクセシビリティチェックツール開発者の頭ん中
ウェブアクセシビリティチェックツール開発者の頭ん中
純生 野田
PowerCMS 8341 のご紹介
PowerCMS 8341 のご紹介
純生 野田
Something Different for the Best Web Solution!
Something Different for the Best Web Solution!
純生 野田
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
純生 野田
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
純生 野田
MTで学ぶセキュアプログラミング@MT Tokyo
MTで学ぶセキュアプログラミング@MT Tokyo
純生 野田
Mt seminar hiroshima_public
Mt seminar hiroshima_public
純生 野田
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
純生 野田
MT meets PHP
MT meets PHP
純生 野田
MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013
純生 野田
Inside Movable Type
Inside Movable Type
純生 野田
Power cms3+azure
Power cms3+azure
純生 野田
mt-plugin-mt-translate - MTDDC
mt-plugin-mt-translate - MTDDC
純生 野田
PowerCMS Social
PowerCMS Social
純生 野田
SixApart Day 2011/第28回WebSig会議 Lightning Talk
SixApart Day 2011/第28回WebSig会議 Lightning Talk
純生 野田
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
純生 野田
More from 純生 野田
(20)
Color Testerはどうやって文字の色を拾っているのか?
Color Testerはどうやって文字の色を拾っているのか?
The Next PowerCMS
The Next PowerCMS
The Next PowerCMS
The Next PowerCMS
やはりお前らのMTMLは間違っている!
やはりお前らのMTMLは間違っている!
ウェブアクセシビリティチェックツール開発者の頭ん中
ウェブアクセシビリティチェックツール開発者の頭ん中
PowerCMS 8341 のご紹介
PowerCMS 8341 のご紹介
Something Different for the Best Web Solution!
Something Different for the Best Web Solution!
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
SEOの本質から考える PowerCMSを活用した 検索エンジン最適化
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTで学ぶセキュアプログラミング@MT Tokyo
MTで学ぶセキュアプログラミング@MT Tokyo
Mt seminar hiroshima_public
Mt seminar hiroshima_public
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
Mac OSにおけるShellコマンドの活⽤用 (Xojo 勉強会)
MT meets PHP
MT meets PHP
MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013
Inside Movable Type
Inside Movable Type
Power cms3+azure
Power cms3+azure
mt-plugin-mt-translate - MTDDC
mt-plugin-mt-translate - MTDDC
PowerCMS Social
PowerCMS Social
SixApart Day 2011/第28回WebSig会議 Lightning Talk
SixApart Day 2011/第28回WebSig会議 Lightning Talk
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
サーバーサイドでのスマートホン対応〜Introducing DynamicMTML〜
Recently uploaded
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
Recently uploaded
(10)
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
アルファサード株式会社はなぜ アクセシビリティに取り組むのか
1.
2017年5⽉18⽇ 野⽥純⽣ (Alfasado Inc.) アルファサード株式会社はなぜ アクセシビリティに取り組むのか
2.
About Us (Alfasado
Inc.) ✴ アルファサード株式会社 (2003年11⽉設⽴) ✴ 本社 : ⼤阪市/東京オフィス ✴ PowerCMS開発・販売・サポート ✴ CMS/受託開発を通じてwebの裏側を⽀える ✴ ウェブアクセシビリティ調査・改善⽀援、JIS-X 8341- 3適合⽀援
3.
社名の由来 ✴ アルファ(物事の最初。未知数。プラスアルファ。)+ファ サード(建築⽤語で建築物の正⾯(デザイン)、最も⽬ に 付く場所であり、重要視される場所)。 ✴
ファサードの作りの巧拙で客が店に興味をもつかどう か、店に⼊るかどうかが決まる。 ✴ ファサードはエスペラント語のコンピューター⽤語で は「ユーザーインターフェイス」の意。 ✴ すべて (al≒all) の⼈にやさしい fasado (ユーザーイ ンターフェイス) を提供する会社であること。
4.
アクセシビリティをやろうと思って会社を作った
5.
6.
世界のwebの5%を良くする
7.
W3Cのメンバーになりました
8.
私たちの取り組み
9.
10.
AltStyle http://altstyle.alfasado.net/ アクセシブルなサイトを、いますぐに
11.
12.
13.
14.
15.
できるだけ綺麗なプレーン なHTMLに変換する PDFをプレーンHTMLに変換 ルビを振ったり配⾊反転ハ イコントラスト化したり...
16.
17.
18.
ルビが嬉しいのは誰でしょうか?
19.
for macOS
20.
21.
22.
ソフトウェア + アクセシビリティ
23.
少し昔話を
24.
25.
26.
27.
私とウェブアクセシビリティ ✴ Ju’s iEdit(HTMLエディタ)
画像挿⼊時の alt属 性⼊⼒を促したり(1999年∼2002年頃) ✴ Personal i-Checker(⽇本IBM)のツールを許可を 得てMac版を開発して無償配布したり(2001年) ✴ 会社を作ってみたり(2003年) ✴ ColorQuest(Mac)を作って公開したり(2003年) ✴ WCAG2.0の草案を翻訳してみたり
28.
そして、今
29.
30.
31.
背景⾊と前景⾊判定 ✴ 画像を縮⼩する (動作速度のため) ✴
256⾊に丸める (グラデーション、近似⾊を丸める) ✴ ピクセルをなめて、⼀番⼤きな⾯積を占める⾊が背景⾊ ✴ ⼆番⽬以降の⾯積を占める⾊で、背景⾊と⼀定のコントラス ト⽐以上の⾊が前景⾊ ✴ ⾊数が⼀定数/総ピクセル以上のものは写真(⽂字を含まない) ✴ (その他にも) GIFアニメーションは⾃動判別可能
32.
背景⾊と前景⾊判定 ✴ 1番⽬にピクセルを占めるのは ✴ 2番⽬にピクセルを占めるのは ✴
コントラスト⽐1.6 : 1 <=違う! これやない ✴ 3番⽬にピクセルを占めるのは ✴ コントラスト⽐ 2.7 : 1 <=違う! これやない ✴ 4番⽬にピクセルを占めるのは ✴ コントラスト⽐ 21 : 0 <=これや!
33.
34.
35.
http://junnama.alfasado.net/online/2014/12/a11y_tool_logic.html
36.
37.
なぜ取り組むのか ✴ 技術的好奇⼼。画像解析とか⾳声認識とかってアクセシ ビリティというより純粋にテクノロジーの進化やん。 ✴ ツールはアンプのようなもの、間接的に関与できること によって作ったものがより⼤きな影響⼒を持つことがで きる ✴
ソフトウェア、webサイト、何でも「作ること」って楽 しい ✴ 作り⼿の想像を超えた使い⽅をされているのが興味深い ✴ 世の中をテクノロジーで良くしていくのが楽しい
38.
要するに、楽しいから!
39.
エンジニア/ディレクタ募集中
Download now