ウェブサイトのアクセシビリティについて

IMG_5818
コーディングWebアクセシビリティ<WAIーARIAで実現するマルチデバイス環境のWebアプリケーション>
ボーンデジタル
著:ヘイドン・ピカリング 訳:太田良典 伊原力也 Bスプラウト

価格 2,484円(本体2,300円+税)
発行年月 2015年03月
判型 A5
ISBN 9784862462664

本の最初の方にウェブが「本質的にアクセシブルであるというメディアの責務」、という表現が書かれていて、気づかされるものがありました。

あまりうまく言えないのですが、ウェブ上に、HTMLで書かれたものなら、ブラウザが表示し、スクリーンリーダーが読み上げれば目が見えない人にとっても、本とは違って常に更新され、新しい情報を受け取ることができる。しかも、多分、他のものよりも容易で手軽に。それはきっと誰かの今を明日を良くする可能性があるものだと思いました。

実際問題、ウェブの制作者として明日から何ができるのか、今の仕事で何ができるのかを問われると答えられないのですが、少なくとも、「アクセシブルである責務」について考え、コーディングを少しでも「適切な」ものにしていける指針ができたように思います。

初めてHTML5について真面目に調べた時、いろんなタグが増えたこととその理由を聞いた時、「あー!これだーー!!」と思っていたことを、久しぶりに思い出してワクワクしました。HTMLが書ける自分でよかったなあ、とも。

さて、本の内容ですが・・・・・javasctiptについての知識がそこそこないと理解しがたい部分もあって、全てを把握できたわけでなく、何度か読み返しが必要だな、と思ったのですが、やはりHTML5のタグを理解し、適切に作ることが何よりも肝要で、jsで効果や動きをつけていく際にも、アクセシビリティを阻害しないやり方について知恵を出すべき、ということでありました。

正直なところ、読み上げソフトがどのようにウェブページを読んでいくかについての実際に知らなければ理解できない点が多いので、まずは自分で作ったサイトを読み上げさせてみることがいいと思います。

MacにはVoice Overという読み上げの機能があります。

スクリーンショット 2015-12-31 13.02.29

Macは、特に設定を変えなくてもブラウザでページを開いて、ショートカット「⌘+F5」を押すと読み上げを始めます。読み上げをやめたい時も「⌘+F5」です。項目を飛ばしたり

iPhoneでも使えます。
設定>一般>アクセシビリティ>スピーチ を選び、「画面の読み上げ」をONにします。

友人からこの読み上げの機能が「校正に使えそう!」というヒントをもらって「ガッテン!ガッテン!」と盛り上がりました。(ちょっと違う)

と、いうのはさておき、読み上げさせてみるとわかることがいろいろあります。私は、とにかくWebのテキストでは「英数は半角!」と主張していたのですが、読み上げがうまくいかないことがあるのだとわかって、工夫が必要なのかもしれない、と思っています。あと、リーダー自体も「読み間違い」があったりしたので、そういうところは今後改善なのかなあ、と思いました。書いてある日本語を正確に読み上げさせるってかなり大変ですね。漢字の読み間違えが結構多いんです。日本語対応のリーダーにはもっと賢くなってもらわなくちゃ、ですねー。

ウェブというメディアが目指すべきところというのを考えさせられましたし、常に考えていく必要があるなあ、と思いました。

[ssba]

著作権について考えてみた

何かと騒がれておりますので、いま一度、確認した方が良かろうかと、3年ぐらい前に買った本ではありますが、分かりやすいのでご紹介。

IMG_5124

デザイナーのための著作権ガイド
http://www.honyaclub.com/shop/g/g12736620/
価格 6,264円(本体5,800円+税)
発行年月 2010年07月
判型 B5
ISBN 9784756240408

続きを読む 著作権について考えてみた

[ssba]

『プロとして恥ずかしくない新CSSデザインの大原則』

IMG_4889

「プロとして恥ずかしくない」というコピーのついたものにはめっぽう弱い筆者でございます。精進します。

『プロとして恥ずかしくない新CSSデザインの大原則 - CSSのルールと手法を根本から身につける。』
エムディエヌコーポレーション インプレス
大藤幹 北川貴清 きむらあつとし 境祐司 高橋としゆき 錦織幸知 長谷川広武 矢野
価格 2,700円(本体2,500円+税)
発行年月 2015年07月
http://www.honyaclub.com/shop/g/g17137466/

技術書を買うとき、どれを買うか迷ったら、まずは発行年が新しいものから検討しています。
あとは、確認できるなら中身の読みやすさが大事。デザインについて書かれている本なのに誌面のデザインがダサいと「ちょっと違うな」と思ってしまいます。

CSSを学び始めた頃、CSSのプロパティについて詳しく書かれた「辞書」が手放せませんでした。
背表紙ボロボロになるまでなんども読みました。その本の著者が大藤幹さんでした。
そういう方のお名前があると買ってみようと思うものですね。

気になった部分や重要と考えるところに付箋をつけました。誌面にもすでにいくつか鉛筆の書き込みがあります。技術書に限らず形ある本の貸し借りでは持ち主の書き込みも含めて読めるのがいいですね。

CSSの初心者の方や、まだわからないことがある、レイアウトを組んでみたいという方にオススメです。新しい本を買うのもいいですが、私の書き込み付きで読みたい方はお貸しします!w

[ssba]

『WordPressユーザーのためのPHP入門』

FullSizeRender

以前の勉強会でご紹介いただいた本の情報です。

http://www.honyaclub.com/shop/g/g16082484/
『WordPressユーザーのためのPHP入門 – はじめから、ていねいに。』
エムディエヌコーポレーション インプレス
水野史土
価格 2,592円(本体2,400円+税)
発行年月 2014年04月

すごく読みやすく、わかりやすい本でした!
WordPressを使い始めたけど、PHPはあまり理解できていないい、という方向けに、もっと理解を深めたい、という目的にぴったりです。
(写真の本は借り物なので貸し出しできませんが・・・・・)
買って損はしないものだと思います!

もう理解しているよ、という方向けにも「どんな風に説明すればわかりやすいか」の参考になります。マニュアルを作る際の参考にもなるかもしれません。

[ssba]

『デザイニング・ウェブナビゲーション – 最適なユーザーエクスペリエンスの設計』

デザイニング・ウェブナビゲーション - 最適なユーザーエクスペリエンスの設計

オライリーの山猫で通じる方もいらっしゃいますかね。
フリーランスになったばかりの時シロクマと一緒に買って読みなさいと言われて購入したものです。発行年が2009年とちょっと古いですが、基本的なことがまとめられているので今読んでも十分参考になります。

フロントエンドエンジニアは必須、絶対に読んだほうがいいです。
のみならず、ウェブのディレクションをする人にも、デザイナーさんにもできれば読んでほしい本です。

[ssba]

『Web制作者のためのCSSの教科書』

IMG_4550

コンポーネントなどを厳密に考えて制作するのはちょっと大変だな、と思いましたが、1〜2章ぐらいまでの「こういう書き方をすべき」という点はのもすごくためになりました。

フロントエンドに関わり、CSSを独学で学んできたけど最近いろんな人との書き方の違いに悩んでいる方は是非一読を。
あと、WordPressで何故あんなにclass名がポコポコたくさんついてくるのか疑問に感じた人もぜひ読まれてみてはいかがでしょうか。

『Web制作者のためのCSSの教科書』(オンライン書店【ホンヤクラブ】へリンク)
http://www.honyaclub.com/shop/g/g16370842/
価格:本体2,200円(税別) ISBN:9784844336358

ちなみに、雑談ですが、アマゾンで購入!でもいいのですがぜひ、本はぜひお近くの書店でご購入ください。町の小さな本屋さん、随分減ってしまって、少し寂しいな、と思っています。応援する気持ちで利用してもらえたらと思います!是非!!

[ssba]