Suche senden
Hochladen
アルファサード株式会社はなぜ アクセシビリティに取り組むのか
•
0 gefällt mir
•
3,373 views
純生 野田
Folgen
2017/5/18 アクセシビリティの祭典での発表スライド http://accfes.com/seminar_page05.html
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 40
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
アクセシビリティで企業価値を高める、小さな会社の戦い方
アクセシビリティで企業価値を高める、小さな会社の戦い方
純生 野田
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アクセシビリティ
純生 野田
Empfohlen
アクセシビリティで企業価値を高める、小さな会社の戦い方
アクセシビリティで企業価値を高める、小さな会社の戦い方
純生 野田
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〜
純生 野田
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
Weitere ähnliche Inhalte
Mehr von 純生 野田
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〜
純生 野田
Mehr von 純生 野田
(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〜
Kürzlich hochgeladen
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
Kürzlich hochgeladen
(9)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
アルファサード株式会社はなぜ アクセシビリティに取り組むのか
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.
エンジニア/ディレクタ募集中
Jetzt herunterladen