CMSのアクセシビリティ対応は編集画面も大事。Plone 5 がすべての管理画面を視覚障害者でも使えるようにする流れの説明

1. 1
CMSのアクセシビリティ対応は
編集画面も大事
Plone 5 がすべての管理画面を視覚障害者でも
使えるようにする流れの説明
Manabu TERADA
2015/10/24
OSC 2015 Tokyo/Fall
Plone User s Group Japan

2. @terapyon
Ambassador of Plone Foundation
Board Chair of PyCon JP
Member of NVDA Japanese Team
Member of Open edX User Group Japan
Owner of CMS communications Inc.
About me
Manabu TERADA
日本のPloneユーザ会
毎月勉強会を都内で開催
日本語関係のバグフィックス
翻訳作業
Plone User s Group Japan
2

3. エンタープライズ向けCMSであるPloneの最新版であ
る Plone 5 で、編集画面のアクセシビリティが大幅に向上。
編集画面の使いやすさが大幅に向上し、スクリーンリーダユー
ザなど誰でもが使えるように修正も加えられています。
このCMSアプリケーションPlone 5の基本的な説明から、ど
のように編集画面が変わったのかとアクセシビリティへの
配慮をどのように行ったかの流れを説明します。さらに、公開
用サイトでの使用、イントラネットでの使用などの用途・事
例の説明を交えて解説します。
This session
3

4. 3
4
1 Ploneの紹介
Contents of this session
アクセシビリティ配慮の現状と具体的な活動
Q & A
4
2 最新バージョンPlone 5

5. Ploneの紹介1CMSPlone
5

6. Do you know Plone?
Do you know Zope?
About Plone and Zope
6

7. 5年ぶりメジャーバージョンアップリリース
15年の歴史を持ち、セキュリティなど継続的なメンテナン
スが続けられている
見た目、内部実装、編集画面などが一新された
基本的な仕組みは変更なし
フォルダでコンテンツを管理し、セキュリティ設定も容易
Plone 5の基本的な説明
7

8. New Plone (Plone 5)
8

9. Plone 4 (Top Page sample)
9

10. 大阪大学公式サイト
京都大学公式サイト
タイプムーン会社サイト
その他、OCWや社内・学内ポータル
Case study
in Japan
ブラジル政府 (www.brasil.gov.br)
Open Security (http://www.opensecurity.at/)
他
Other
10

11. Content Management System
Based on Python and Zope
Powerful and secure
Open source (GPL v2)
Latest version 4.3.4
About Plone and Zope
Plone
Web Framework
NOT Light weight
incude Object DB (ZODB)
Open source (ZPL)
Zope
11

12. コンテツ管理(HTML / 画像 / ファイル)
フォルダ単位でのコンテンツ管理
ログイン・ユーザ管理
コンテンツへのアクセス管理
全文検索
アクセシビリティ対応サイト構築
Ploneで出来ること
12

13. Out-of-Box
Accessibility
User / Group Management
Access control
Text Search with user s role
Multi languages
Content history & Versioning
Add ons
Plone / Zope の基本機能と特徴的な部分の説明
Plone
Application Server
Multi platform
Object publishing
Multi Database
Zope Management Interface
Zope
13

14. Plone 52CMSPlone
14

15. Plone 5 released (2015年9月)
大規模な変更、改造が行われてた
ポイント
HMTL5・レスポンシブデザイン対応
ブラウザから簡単にデザイン変更
より使いやすくなった管理者画面
堅牢なセキュリティ
アクセシビリティ ＆ 多言語化の強化
企業システムと高い親和性をを残す
About Plone 5
15

16. 左側にツールバーを一元的に配置
フォルダ内のコンテンツ管理機能及びUIの刷新
タグ付けをまとめて処理を行うなど
ファイルのドラッグ＆ドロップ配置
管理者用コントロールパネルのデザイン刷新
ロゴの変更が管理画面からできる
繰り返しイベントの管理が可能になった
内部実装の大幅見直し
Plone 5 管理画面
16

17. デモ
17

18. アクセシビリティ3CMSPlone
18

19. 閲覧側
デフォルトテンプレートは、US 508条対応した、アクセ
シブルなテンプレートが採用されている。
画像のALT自動設置機能などがあり、アクセシブルなサイ
ト制作が可能
管理者側
基本的な操作は、スクリーンリーダから可能。
現状、既知のバグとして2箇所の問題が見つかっており、
次期マイナーバグフィックスバージョンで改善予定
アクセシビリティ対応の現状
19

20. Plone Symposium Tokyo 2015
2015年6月にお茶の水女子大学にて開催したイベント
そこで、Webアクセシビリティの活動で著名な中根 雅文
さんにPloneの問題点を指摘頂いた
Plone Foundationの取り組み
上記イベントでの指摘を真 に受け止め、改善を約束
https://github.com/plone/Products.CMFPlone/issues/627
Plone 5 リリースにアクセシビリティ改善を盛り込んだ
アクセシビリティ対応への活動(1)
20

21. Plone Conference 2015 Bucharest
2015年10月のPlone年1回のイベントに、中根氏をキー
ノートスピーカーとして招待
多くのPlone関係者に、アクセシビリティの大切さを認知
し、改善している状況及び今後の改善をアピール
Plone Conference Sprint
管理画面上の問題点2つが見つかり、すぐに対応策が検討
https://github.com/plone/Products.CMFPlone/issues/1194
アクセシビリティ対応への活動(2)
21

22. Plone Conference キーノート
22

23. Plone Conference 中のオープンスペース
23

24. 障害者差別解消法が2016年4月から施行
http://www8.cao.go.jp/shougai/suishin/sabekai.html
閲覧者への配慮は行う必要がある
イントラネットなどで編集や改変が必要な場合への対応も行
う必要が出てくる
開発者、編集者など関連する多くの人が、正しい知識を持ち、
考慮することが重要だと思います。
アクセシビリティ対応のまとめ
24

25. コンテンツの管理がますます容易になり、UIも刷新されま
した。
多くの場所で使いやすくなっていると思います。
まずはお試しください。
Plone 5 のまとめ
25

26. Thank youCMSPlone
26
Ploneには文化がある。
使う側、カスタマイズする側、管理側に、
この文化が適用出来れば最強!!

27. Plone研究会
27
毎月都内で開催
次回は
11月18日(水)19:00から
御徒町にて
目的
Plone/Zope/Pythonの理解
日本語利用環境やPlone自体の改善
Ploneの普及
最新情報は以下URLにて
http://plonejp.connpass.com/

28. Q&ACMSPlone
4
28