「アクセシビリティの祭典 2024」に参加してきました

• 2024/5/18
• https://accfes.com/2024/
• https://accfescom.peatix.com/

感想

• 神戸で現地参加してきました
• 登壇者や参加者に障害当事者も多くいて多様性のある場でした
• 普段webの開発をしていて想像だけでアクセシビリティの対応をするのがそれでいいかよく不安に思うので、当事者の話を聞いたり様子を見たりできたのはいい経験でした

ひとと繋がってその後

• 株式会社インフォアクシア 植木 真さん
• 合同会社Ledesone Tenさん
• NPO法人アイ・コラボレーション神戸 板垣 宏明さん

アクセシビリティの祭典

• 2015年2月が最初
• 植木さんと板垣さんが一緒にはじめた

サニーバンク

• 上濱 直樹さん

サニーバンクの取り組み

• 障害者専門のクラウドソーシングサービス
• ウェブアクセシビリティ診断やってる
  • いろんな視点で診断
  • 診断のトレーニング受けた人が190人
• 診断トレーニングのサポートもしてる
• アクセシビリティ診断の多様化
  • ウェブ以外も
  • アプリや製品
• 働き方の多様化
  • 選択肢を増やす
• 10年後のアクセシビリティ
  • 障害者が稼げば日本は潤う

株式会社トルク

• 山﨑 悠さん
• https://speakerdeck.com/yuuyamasakiyuu/accfes2024-torque-yamasaki

発達障害

• ASD
  • 自閉症スペクトラム
• ADHD
  • 注意欠陥
  • 多動性
• LD
  • 限局性学習障害
• 後天的ではなく生まれつき
• 濃淡あって複数持ってる人もいる
  • 診断がつかないグレーの人もいる
  • 誰もが脳の多様性を持ってる

アクセシビリティ

• 輝度、彩度、コントラスト
  • 明るすぎるとまぶしい
  • 真っ白や真っ黒でなく少しグレー寄りの色にする
  • 高すぎるコントラスト比
• 自動アニメーションの制御
  • 気が散って集中できなくなる
  • カルーセルは停止できるように
  • 文字にアニメーションなどが重なると読めない
• 比喩や曖昧な表現
  • 「これ」や「あれ」が分かりづらい
• 音声コンテンツ
  • 聴覚からの情報取得が苦手
  • 背景音を含まないようにしたり消せるようにする

サイボウズ株式会社

• 杉崎 信清さん

サイボウズがアクセシビリティに取り組む理由

• どんな人や状況でもサービスを使ってもらえるように
• 建築現場で見えづらい中で
• 電車で移動中
• 製造現場で両手が塞がって音声入力で

アクセシビリティの定義

• 一般的には
  • すべてのユーザが支障なく使えること
• サイボウズでは
  • ソフトウェアをつかえるだけでなくその先のものがある
  • すべての人がチームにアクセスできる能力
  • チームに参加したいという願いを尊重すること

改善例

• コントラスト比の改善
• キーボードだけで操作できるように
  • ドラッグ&ドロップスクリーンリーダーでも理解して操作できるように

アルファサード株式会社

• 野田 純生さん

あるファサード

• 受託のウェブ開発
• PowerCMS
• やさしい日本語
• 朝日新聞の技術担当顧問でウェブアクセシビリティ方針を作ってる

組織にアクセシビリティをインストールする

• トップダウン
• 既成事実を作る
• パーパス/ビジョンから
• ビジネスと考える
• 副次的なメリット
• 当事者を巻き込む

LINEヤフー株式会社

• 中野 信さん
• https://speakerdeck.com/lycorptech_jp/20240517a

LINEのアクセシビリティ

• webのチームとアプリのチームがある
• webの取り組み
  • LINEプロダクトのアクセシビリティガイドライン作成
  • 社内meetup
• アプリのアクセシビリティ
  • WCAGに加えてOSのガイドラインを元にしたチェックリスト

ヤフーのアクセシビリティ

• UIガイドラインの1活動として
• 障害当事者と協業した取り組み
• WCAG2.1のAAから各プロダクトで対応

今後

• LINEとヤフーのガイドラインを統合
• 今年度中に「LINEヤフー株式会社のウェブアクセシビリティ方針」を公開予定

クラスメソッド株式会社

• 持田 徹さん

リエールアプリ

• 一般消費者向けのアプリケーション開発
  • LINEミニアプリとか
  • モバイルオーダーとか

アクセシビリティと生成AI

• ページを認識してテキスト化
• 画像をテキスト化

株式会社ツルカメ

• 森田 雄さん
• https://speakerdeck.com/securecat/si-tatigaqu-rizu-ndekitaakusesibiriteito-korekaraqu-rizu-ndeikuakusesibiriteinituite

これまでの取り組み

• WebSiteDesignで実践アクセシブルHTMLの連載
  • 2003年-2004年
  • altだけで12ページ
    • https://yuugop.com/articles/practicalaccessiblehtml/pah01.html
• 日本ウェブ協会の副理事
  • アックゼロヨンアワード
• だれもが使えるウェブコンクール
  • 2010年、2011年

サイバーエージェント株式会社

• 安田 慎さん
• https://speakerdeck.com/syasuda90/amebadequ-rizu-ndeiruakusesibiritei-2024

アクセシビリティの浸透

• アクセシビリティのオンボーディング
  • 今までは出来る人が講師としてやっていた
  • スケールさせるためにEラーニング化
    • スライド資料とテスト
  • 入社時に必ず受けるものになった

テキストライティング

• ラベルの一貫性
• 表記揺れの防止
  • アメーバIDが英字になったりとか
• textlint
  • slack上でも使える
  • figmaのプラグインも作った
    • ルールはGitHub上で管理
    • ルールがまだ少ないから充実させたい

コクヨ株式会社

• 藤木 武史さん

インクルーシブデザイン

• 包括的デザイン
• コクヨの大阪のオフィスはいろいろ工夫されている
• https://www.kokuyo.co.jp/newsroom/news/category_other/20230601cs1.html

株式会社SmartHR

• 坂巻 舞羽さん
• https://docs.google.com/presentation/d/11hHDK3Rf-Of0U85PVBnI6PGBxC3ZR4ss/edit

アクセシビリティ工場の取り組み

• 社内啓蒙活動
• 社内での育成
• 当事者によるユーザビリティテスト

アクセシビリティテスタープロジェクト

• 障害当事者が製品のテストをする
• アクセシビリティテスター
  • 視野が狭く眩しさで目が疲れやすい
    • 拡大鏡や色反転を使って利用する
  • 手が動かしづらく複視でものが二重に見える

10年後のアクセシビリティを考える

• freee株式会社 伊原 力也さん
• 神戸大学大学院工学研究科 教授 塚本 昌彦さん
• ペタビット株式会社 常務取締役 ミキチョクシさん
• 株式会社神戸デジタル・ラボ 外部取締役 村岡 正和さん

10年前

• 10年前のパネルディスカッション
  • すべての情報はテキスト化される
  • 実際そうなってる
    • 画像
    • 楽曲

今後を見据えたアクセシビリティ

• 作る側も使う側もAIが入るようになってくる
  • https://note.com/magi1125/n/n3729494ba965

10年後どうなる

• サイボーグ
  • からだの調子悪い部分を付け替える
• AIがデータにアクセスしてくるし、データを作る
  • 犬や猫でもアクセスできるように
  • webが情報置き場所
• 同じに伝わるとはどういうことか
  • 見えてなくても画像をAIで説明したり情報にアクセスできる
  • 変換する存在としてのAI
  • 元になる情報をどう設計するか
  • AIが活用されるが当事者抜きでどうあるべきか決めてはいけない
• デバイスが多様になっていく
  • デバイスを通じて情報が共有されるようになっていく