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. アクセシビリティをやろうと思って会社を作った

6. 世界のwebの5%を良くする

7. W3Cのメンバーになりました

8. 私たちの取り組み

10. AltStyle
http://altstyle.alfasado.net/
アクセシブルなサイトを、いますぐに

15. できるだけ綺麗なプレーン
なHTMLに変換する
PDFをプレーンHTMLに変換
ルビを振ったり配⾊反転ハ
イコントラスト化したり...

18. ルビが嬉しいのは誰でしょうか?

19. for macOS

22. ソフトウェア + アクセシビリティ

23. 少し昔話を

27. 私とウェブアクセシビリティ
✴ Ju’s iEdit(HTMLエディタ) 画像挿⼊時の alt属
性⼊⼒を促したり(1999年∼2002年頃)
✴ Personal i-Checker(⽇本IBM)のツールを許可を
得てMac版を開発して無償配布したり(2001年)
✴ 会社を作ってみたり(2003年)
✴ ColorQuest(Mac)を作って公開したり(2003年)
✴ WCAG2.0の草案を翻訳してみたり

28. そして、今

31. 背景⾊と前景⾊判定
✴ 画像を縮⼩する (動作速度のため)
✴ 256⾊に丸める (グラデーション、近似⾊を丸める)
✴ ピクセルをなめて、⼀番⼤きな⾯積を占める⾊が背景⾊
✴ ⼆番⽬以降の⾯積を占める⾊で、背景⾊と⼀定のコントラス
ト⽐以上の⾊が前景⾊
✴ ⾊数が⼀定数/総ピクセル以上のものは写真(⽂字を含まない)
✴ (その他にも) GIFアニメーションは⾃動判別可能

32. 背景⾊と前景⾊判定
✴ 1番⽬にピクセルを占めるのは
✴ 2番⽬にピクセルを占めるのは
✴ コントラスト⽐１.6 : 1 <=違う! これやない
✴ 3番⽬にピクセルを占めるのは
✴ コントラスト⽐ 2.7 : 1 <=違う! これやない
✴ 4番⽬にピクセルを占めるのは
✴ コントラスト⽐ 21 : 0 <=これや!

35. http://junnama.alfasado.net/online/2014/12/a11y_tool_logic.html

37. なぜ取り組むのか
✴ 技術的好奇⼼。画像解析とか⾳声認識とかってアクセシ
ビリティというより純粋にテクノロジーの進化やん。
✴ ツールはアンプのようなもの、間接的に関与できること
によって作ったものがより⼤きな影響⼒を持つことがで
きる
✴ ソフトウェア、webサイト、何でも「作ること」って楽
しい
✴ 作り⼿の想像を超えた使い⽅をされているのが興味深い
✴ 世の中をテクノロジーで良くしていくのが楽しい

38. 要するに、楽しいから!

39. エンジニア/ディレクタ募集中