Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
1
CMSのアクセシビリティ対応は
編集画面も大事
Plone 5 がすべての管理画面を視覚障害者でも
使えるようにする流れの説明
Manabu TERADA
2015/10/24
OSC 2015 Tokyo/Fall
Plone User ...
@terapyon
Ambassador of Plone Foundation
Board Chair of PyCon JP
Member of NVDA Japanese Team
Member of Open edX User Grou...
エンタープライズ向けCMSであるPloneの最新版であ
る Plone 5 で、編集画面のアクセシビリティが大幅に向上。
編集画面の使いやすさが大幅に向上し、スクリーンリーダユー
ザなど誰でもが使えるように修正も加えられています。
このCMSア...
3
4
1 Ploneの紹介
Contents of this session
アクセシビリティ配慮の現状と具体的な活動
Q & A
4
2 最新バージョンPlone 5
Ploneの紹介1CMSPlone
5
Do you know Plone?
Do you know Zope?
About Plone and Zope
6
5年ぶりメジャーバージョンアップリリース
15年の歴史を持ち、セキュリティなど継続的なメンテナン
スが続けられている
見た目、内部実装、編集画面などが一新された
基本的な仕組みは変更なし
フォルダでコンテンツを管理し、セキュリティ設定も容易
P...
New Plone (Plone 5)
8
Plone 4 (Top Page sample)
9
大阪大学公式サイト
京都大学公式サイト
タイプムーン会社サイト
その他、OCWや社内・学内ポータル
Case study
in Japan
ブラジル政府 (www.brasil.gov.br)
Open Security (http://www...
Content Management System
Based on Python and Zope
Powerful and secure
Open source (GPL v2)
Latest version 4.3.4
About Plo...
コンテツ管理(HTML / 画像 / ファイル)
フォルダ単位でのコンテンツ管理
ログイン・ユーザ管理
コンテンツへのアクセス管理
全文検索
アクセシビリティ対応サイト構築
Ploneで出来ること
12
Out-of-Box
Accessibility
User / Group Management
Access control
Text Search with user s role
Multi languages
Content histo...
Plone 52CMSPlone
14
Plone 5 released (2015年9月)
大規模な変更、改造が行われてた
ポイント
HMTL5・レスポンシブデザイン対応
ブラウザから簡単にデザイン変更
より使いやすくなった管理者画面
堅牢なセキュリティ
アクセシビリティ & 多言...
左側にツールバーを一元的に配置
フォルダ内のコンテンツ管理機能及びUIの刷新
タグ付けをまとめて処理を行うなど
ファイルのドラッグ&ドロップ配置
管理者用コントロールパネルのデザイン刷新
ロゴの変更が管理画面からできる
繰り返しイベントの管理が...
デモ
17
アクセシビリティ3CMSPlone
18
閲覧側
デフォルトテンプレートは、US 508条対応した、アクセ
シブルなテンプレートが採用されている。
画像のALT自動設置機能などがあり、アクセシブルなサイ
ト制作が可能
管理者側
基本的な操作は、スクリーンリーダから可能。
現状、既知のバ...
Plone Symposium Tokyo 2015
2015年6月にお茶の水女子大学にて開催したイベント
そこで、Webアクセシビリティの活動で著名な中根 雅文
さんにPloneの問題点を指摘頂いた
Plone Foundationの取り組み...
Plone Conference 2015 Bucharest
2015年10月のPlone年1回のイベントに、中根氏をキー
ノートスピーカーとして招待
多くのPlone関係者に、アクセシビリティの大切さを認知
し、改善している状況及び今後の改...
Plone Conference キーノート
22
Plone Conference 中のオープンスペース
23
障害者差別解消法が2016年4月から施行
http://www8.cao.go.jp/shougai/suishin/sabekai.html
閲覧者への配慮は行う必要がある
イントラネットなどで編集や改変が必要な場合への対応も行
う必要が出て...
コンテンツの管理がますます容易になり、UIも刷新されま
した。
多くの場所で使いやすくなっていると思います。
まずはお試しください。
Plone 5 のまとめ
25
Thank youCMSPlone
26
Ploneには文化がある。
使う側、カスタマイズする側、管理側に、
この文化が適用出来れば最強!!
Plone研究会
27
毎月都内で開催
次回は
11月18日(水)19:00から
御徒町にて
目的
Plone/Zope/Pythonの理解
日本語利用環境やPlone自体の改善
Ploneの普及
最新情報は以下URLにて
http://plo...
Q&ACMSPlone
4
28
Upcoming SlideShare
Loading in …5
×

Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall

511 views

Published on

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

Published in: Technology
  • Be the first to comment

Plone 5 & アクセシビリティ at OSC 2015 Tokyo fall

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

×