あるアクセシビリティの勉強会でお会いした@StudioCORE_ さんが部長をされているイーパ部のお話を聞き、私も電子書籍にはずっと興味があったという話をしたところ、なんと@StudioCORE_さんからFacebook経由でイーパ部にお誘いいただきまして、第11回から参加させていただく事になりました。

イーパ部第11回は、Skypeで東京組と繋いで自己紹介から始まりました。関西組は、2つのチームに別れその中で何を電子書籍化するか話し合ったところ、私が入ったチームAは大阪府豊中市の広報誌と浄瑠璃の写真集の2つを作成する事になり、チームAの中でまた2組に別れ3人組で作業する事になりました。私が実際作業するのは広報紙のほうで、グラフィックデザイナーの@ako_yさんと編集のお仕事をされている@mori_taksiさんと大阪府豊中市の広報誌「広報とよなか」の2012年4月号のデータを使用させていただき、その中から特集（4〜9ページ）、お知らせ（12〜46ページ）の中の何ページか、夢はオリンピックで金メダル（46ページ）あたりを抜粋して電子書籍にする事に決まりました。目標は「アクセシブルでマルチデバイス対応のEPUB形式の広報誌を作成する」です。

チームのメンバーとコミュニケーションを取ったり情報を共有したりと作業を進行していくのにサイボウズLiveを使いました。@delight_d さんがサイボウズLiveのグループを作成してくださり、これで準備万端です。

私は電子書籍にもずっと興味がありまして最近、電子書籍をEPUB形式で作成する勉強をしている中、お友達のヴィヴィさん(@jj3vev さん)がFacebookでアウトプットされていた「イースト、EPUB固定レイアウトに対応した無料のEPUB自動生成サービス開始」という情報を見て 「これまた簡単にEPUB形式の電子書籍が作れるけど、肝心なVoice Overの読み上げはちゃんと出来るの？」と思い試してみる事にしました。

WCAG 勉強会@関西で紹介されていた「音訳マニュアル」を購入して読んだのは、適切な代替テキストを書くための勉強になると思ったからです。WCAG 勉強会@関西で初めて紹介された時にはアクセシビリティとの繋がりがあると思えなくて買ってまで読もうという気持ちになれませんでした。

けれど、別のアクセシビリティの勉強会で再度この本を紹介された時に「やはり買って読んだ方が良いな」と思い本を購入しました。読んだ感想ですが、自分が思っていたよりも音訳は奥深く簡単ではないという事です。イコールwebサイトに携わる人は一読した方が良いという事です。

新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック２カラムレイアウトになります。

テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。

新テーマ「sincere」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースに２カラムのエラスティックレイアウトを採用してます。

そして、このテーマはCSS3を使用し「プログレッシブ エンハンスメント」を取り入れてます。
(プログレッシブ エンハンスメントの説明は、@kaz_wuiさんのサイト「Website Usability Info」のプログレッシブエンハンスメント（Progressive Enhancement）という考えかたで詳しく説明されています。)
ですので、CSS3に対応していないブラウザでは単調なデザイン(ヘッダ等の背景のグラデーションが単色になる等)になりますが、情報は正しく得られるよう作成しております。

テーマ「sincere」 Internet Explorer7のキャプチャ画像です。