plone 5 & アクセシビリティ at osc 2015 tokyo fall
TRANSCRIPT
![Page 1: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/1.jpg)
1
CMSのアクセシビリティ対応は 編集画面も大事
Plone 5 がすべての管理画面を視覚障害者でも 使えるようにする流れの説明
Manabu TERADA
2015/10/24
OSC 2015 Tokyo/Fall
Plone User’s Group Japan
![Page 2: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/2.jpg)
@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
![Page 3: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/3.jpg)
エンタープライズ向けCMSであるPloneの最新版である Plone 5 で、編集画面のアクセシビリティが大幅に向上。 編集画面の使いやすさが大幅に向上し、スクリーンリーダユーザなど誰でもが使えるように修正も加えられています。
このCMSアプリケーションPlone 5の基本的な説明から、どのように編集画面が変わったのかとアクセシビリティへの 配慮をどのように行ったかの流れを説明します。さらに、公開用サイトでの使用、イントラネットでの使用などの用途・事例の説明を交えて解説します。
This session3
![Page 4: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/4.jpg)
34
1 Ploneの紹介
Contents of this session
アクセシビリティ配慮の現状と具体的な活動
Q & A
4
2 最新バージョンPlone 5
![Page 5: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/5.jpg)
Ploneの紹介1CMSPlone
5
![Page 6: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/6.jpg)
Do you know Plone?
Do you know Zope?
About Plone and Zope6
![Page 7: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/7.jpg)
5年ぶりメジャーバージョンアップリリース
15年の歴史を持ち、セキュリティなど継続的なメンテナン
スが続けられている
見た目、内部実装、編集画面などが一新された
基本的な仕組みは変更なし
フォルダでコンテンツを管理し、セキュリティ設定も容易
Plone 5の基本的な説明7
![Page 8: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/8.jpg)
New Plone (Plone 5)8
![Page 9: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/9.jpg)
Plone 4 (Top Page sample)9
![Page 10: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/10.jpg)
大阪大学公式サイト
京都大学公式サイト
タイプムーン会社サイト
その他、OCWや社内・学内ポータル
Case study
in Japan
ブラジル政府 (www.brasil.gov.br)
Open Security (http://www.opensecurity.at/)
他
Other
10
![Page 11: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/11.jpg)
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
![Page 12: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/12.jpg)
コンテツ管理(HTML / 画像 / ファイル)
フォルダ単位でのコンテンツ管理
ログイン・ユーザ管理
コンテンツへのアクセス管理
全文検索
アクセシビリティ対応サイト構築
Ploneで出来ること12
![Page 13: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/13.jpg)
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
![Page 14: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/14.jpg)
Plone 52CMSPlone
14
![Page 15: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/15.jpg)
Plone 5 released (2015年9月)
大規模な変更、改造が行われてた
ポイント
HMTL5・レスポンシブデザイン対応
ブラウザから簡単にデザイン変更
より使いやすくなった管理者画面
堅牢なセキュリティ
アクセシビリティ & 多言語化の強化
企業システムと高い親和性をを残す
About Plone 515
![Page 16: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/16.jpg)
左側にツールバーを一元的に配置
フォルダ内のコンテンツ管理機能及びUIの刷新
タグ付けをまとめて処理を行うなど
ファイルのドラッグ&ドロップ配置
管理者用コントロールパネルのデザイン刷新
ロゴの変更が管理画面からできる
繰り返しイベントの管理が可能になった
内部実装の大幅見直し
Plone 5 管理画面16
![Page 17: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/17.jpg)
デモ17
![Page 18: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/18.jpg)
アクセシビリティ3CMSPlone
18
![Page 19: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/19.jpg)
閲覧側
デフォルトテンプレートは、US 508条対応した、アクセ
シブルなテンプレートが採用されている。
画像のALT自動設置機能などがあり、アクセシブルなサイ
ト制作が可能
管理者側
基本的な操作は、スクリーンリーダから可能。
現状、既知のバグとして2箇所の問題が見つかっており、
次期マイナーバグフィックスバージョンで改善予定
アクセシビリティ対応の現状19
![Page 20: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/20.jpg)
Plone Symposium Tokyo 2015
2015年6月にお茶の水女子大学にて開催したイベント
そこで、Webアクセシビリティの活動で著名な中根 雅文
さんにPloneの問題点を指摘頂いた
Plone Foundationの取り組み
上記イベントでの指摘を真摯に受け止め、改善を約束 https://github.com/plone/Products.CMFPlone/issues/627
Plone 5 リリースにアクセシビリティ改善を盛り込んだ
アクセシビリティ対応への活動(1)20
![Page 21: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/21.jpg)
Plone Conference 2015 Bucharest
2015年10月のPlone年1回のイベントに、中根氏をキー
ノートスピーカーとして招待
多くのPlone関係者に、アクセシビリティの大切さを認知
し、改善している状況及び今後の改善をアピール
Plone Conference Sprint
管理画面上の問題点2つが見つかり、すぐに対応策が検討 https://github.com/plone/Products.CMFPlone/issues/1194
アクセシビリティ対応への活動(2)21
![Page 22: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/22.jpg)
Plone Conference キーノート22
![Page 23: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/23.jpg)
Plone Conference 中のオープンスペース23
![Page 24: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/24.jpg)
障害者差別解消法が2016年4月から施行 http://www8.cao.go.jp/shougai/suishin/sabekai.html
閲覧者への配慮は行う必要がある
イントラネットなどで編集や改変が必要な場合への対応も行
う必要が出てくる
開発者、編集者など関連する多くの人が、正しい知識を持ち、
考慮することが重要だと思います。
アクセシビリティ対応のまとめ24
![Page 25: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/25.jpg)
コンテンツの管理がますます容易になり、UIも刷新されま
した。
多くの場所で使いやすくなっていると思います。
まずはお試しください。
Plone 5 のまとめ25
![Page 26: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/26.jpg)
Thank youCMSPlone
26
Ploneには文化がある。 使う側、カスタマイズする側、管理側に、
この文化が適用出来れば最強!!
![Page 27: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/27.jpg)
Plone研究会27
毎月都内で開催
次回は
11月18日(水)19:00から
御徒町にて
目的
Plone/Zope/Pythonの理解
日本語利用環境やPlone自体の改善
Ploneの普及
最新情報は以下URLにて
http://plonejp.connpass.com/
![Page 28: Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58f185141a28ab44188b45df/html5/thumbnails/28.jpg)
Q&ACMSPlone 4
28