1

CMSのアクセシビリティ対応は 編集画面も大事

Plone 5 がすべての管理画面を視覚障害者でも 使えるようにする流れの説明

Manabu TERADA

2015/10/24

OSC 2015 Tokyo/Fall

Plone User’s Group Japan

@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

エンタープライズ向けCMSであるPloneの最新版である Plone 5 で、編集画面のアクセシビリティが大幅に向上。 編集画面の使いやすさが大幅に向上し、スクリーンリーダユーザなど誰でもが使えるように修正も加えられています。

このCMSアプリケーションPlone 5の基本的な説明から、どのように編集画面が変わったのかとアクセシビリティへの 配慮をどのように行ったかの流れを説明します。さらに、公開用サイトでの使用、イントラネットでの使用などの用途・事例の説明を交えて解説します。

This session3

34

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 Zope6

5年ぶりメジャーバージョンアップリリース

15年の歴史を持ち、セキュリティなど継続的なメンテナン

スが続けられている

見た目、内部実装、編集画面などが一新された

基本的な仕組みは変更なし

フォルダでコンテンツを管理し、セキュリティ設定も容易

Plone 5の基本的な説明7

New Plone (Plone 5)8

Plone 4 (Top Page sample)9

大阪大学公式サイト

京都大学公式サイト

タイプムーン会社サイト

その他、OCWや社内・学内ポータル

Case study

in Japan

ブラジル政府 (www.brasil.gov.br)

Open Security (http://www.opensecurity.at/)

他

Other

10

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

コンテツ管理(HTML / 画像 / ファイル)

フォルダ単位でのコンテンツ管理

ログイン・ユーザ管理

コンテンツへのアクセス管理

全文検索

アクセシビリティ対応サイト構築

Ploneで出来ること12

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

Plone 52CMSPlone

14

Plone 5 released (2015年9月)

大規模な変更、改造が行われてた

ポイント

HMTL5・レスポンシブデザイン対応

ブラウザから簡単にデザイン変更

より使いやすくなった管理者画面

堅牢なセキュリティ

アクセシビリティ ＆ 多言語化の強化

企業システムと高い親和性をを残す

About Plone 515

左側にツールバーを一元的に配置

フォルダ内のコンテンツ管理機能及びUIの刷新

タグ付けをまとめて処理を行うなど

ファイルのドラッグ＆ドロップ配置

管理者用コントロールパネルのデザイン刷新

ロゴの変更が管理画面からできる

繰り返しイベントの管理が可能になった

内部実装の大幅見直し

Plone 5 管理画面16

デモ17

アクセシビリティ3CMSPlone

18

閲覧側

デフォルトテンプレートは、US 508条対応した、アクセ

シブルなテンプレートが採用されている。

画像のALT自動設置機能などがあり、アクセシブルなサイ

ト制作が可能

管理者側

基本的な操作は、スクリーンリーダから可能。

現状、既知のバグとして2箇所の問題が見つかっており、

次期マイナーバグフィックスバージョンで改善予定

アクセシビリティ対応の現状19

Plone Symposium Tokyo 2015

2015年6月にお茶の水女子大学にて開催したイベント

そこで、Webアクセシビリティの活動で著名な中根 雅文

さんにPloneの問題点を指摘頂いた

Plone Foundationの取り組み

上記イベントでの指摘を真摯に受け止め、改善を約束 https://github.com/plone/Products.CMFPlone/issues/627

Plone 5 リリースにアクセシビリティ改善を盛り込んだ

アクセシビリティ対応への活動(1)20

Plone Conference 2015 Bucharest

2015年10月のPlone年1回のイベントに、中根氏をキー

ノートスピーカーとして招待

多くのPlone関係者に、アクセシビリティの大切さを認知

し、改善している状況及び今後の改善をアピール

Plone Conference Sprint

管理画面上の問題点2つが見つかり、すぐに対応策が検討 https://github.com/plone/Products.CMFPlone/issues/1194

アクセシビリティ対応への活動(2)21

Plone Conference キーノート22

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

障害者差別解消法が2016年4月から施行 http://www8.cao.go.jp/shougai/suishin/sabekai.html

閲覧者への配慮は行う必要がある

イントラネットなどで編集や改変が必要な場合への対応も行

う必要が出てくる

開発者、編集者など関連する多くの人が、正しい知識を持ち、

考慮することが重要だと思います。

アクセシビリティ対応のまとめ24

コンテンツの管理がますます容易になり、UIも刷新されま

した。

多くの場所で使いやすくなっていると思います。

まずはお試しください。

Plone 5 のまとめ25

Thank youCMSPlone

26

Ploneには文化がある。 使う側、カスタマイズする側、管理側に、

この文化が適用出来れば最強!!

Plone研究会27

毎月都内で開催

次回は

11月18日(水)19:00から

御徒町にて

目的

Plone/Zope/Pythonの理解

日本語利用環境やPlone自体の改善

Ploneの普及

最新情報は以下URLにて

http://plonejp.connpass.com/

Q&ACMSPlone 4

28