PyCon mini Hiroshima のウェブサイトとアクセシビリティ 2020年2月8日 オープンセミナー2020@広島 西本卓也

1. PyCon mini Hiroshima の
ウェブサイトとアクセシビリティ
2020-02-08 オープンセミナー広島
西本 卓也（株式会社シュアルタ）
@nishimotz / @24motz
1

2. PyCon mini Hiroshima 2020 やります
• 2020年10月10日（土曜）
• スタッフ募集中（SlackとZoom）
2

3. PyCon mini Hiroshima
• 広島で2015年から開催している Python のイベント（非営利）
• 前回 2019年10月12日（土曜）
• 西条酒まつりに合わせて開催
• 参加者 約70人
3

4. hiroshima.pycon.jp/2019/
• JavaScript で制作
• node.js + react + next.js
• GitHub プライベートリポジトリ
• master ブランチに push すると本番サイトを更新
• Heroku Review Apps
• プルリクエストで自動的にレビュー用の Web アプリがビルドされる
• 本番環境を更新する前に、作業者以外がブラウザでレビュー
4

5. ヒーロー画像が SVG アニメーション
• IE11 や（当時の） Microsoft Edge で動かない
• かわりに「動かないタイトル文字」を出す
5

6. NVDAの要素リスト
6
H1
H2
H2

7. どっちがいい？
• 『見出しを拾い読み』して全体を把握する
• 「じゃあ見出しに情報を入れてあげよう」
7
<h1>PyCon mini</h1>
<h2>日時</h2>
<p>10月12日</p>
<h1>PyCon mini</h1>
<h2>日時:10月12日</h2>

8. 行動規範
• ハラスメント行為が行われないようにします
• すべての参加者を等しく歓迎し、招き入れ、利用しやすいもの
になることを目指します
8

9. 気持ちがいい
• 「正しいこと」を躊躇なく
• 「正しいこと」とは？
9

10. どっちがいい？
10
<h5 aria-level="2">Pythonとは</h5>
<h2>Pythonとは</h2>

11. NVDA: Non-Visual Desktop Access
• オープンソースの Windows 対応スクリーンリーダー
• Python & C++ で実装されている
• NVDA日本語チーム : www.nvda.jp
• 2012年から西本が代表として活動
• 新しい技術やブラウザに対応
• 「正しいこと」を変える力がある
11

12. コミュニティの紹介
• スクリーンリーダーNVDA
• 広島ではボランティア団体 VIC で活動
• 東京では3月19日にイベント（NVDA日本語チーム）
• waic.jp
• すごい広島 with Python
• 次回は2月26日（月末の水曜日の夜）
• PyCon mini Hiroshima 2020（10月10日）
• スタッフ Zoom 会議（月末の金曜日の夜）
12