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

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]

PHPのバージョンについて

スクリーンショット 2015-12-16 10.50.19

WP Security Audit Log をインストールして有効化しようとしたら、上記のエラー。

Warningとかだいぶ青ざめるのですが、調べてみると「PHPのバージョンが低いのかもよ」という記事が。そういえば意識したことがなかった。
早速サーバーのコントロールパネルから調べてみると、バージョン5.2を利用していて「そりゃ古いわ」と、納得。WPは5.2.4でも動く(2015/12/16現在)そうですが。

でも、イメージで「古い」と思ったけど、実際どうなのか。
っていうか、PHPのバージョンて、何。

さっぱりわからないので、どなたかに聞いてみたい気持ちでいっぱいです。我こそはという方是非教えてください。

とりあえず、わかったのは
・新しいバージョンがリリースされてから2年は完全にサポートされる。
・上記期限が過ぎても1年は重篤なセキュリティの惰弱性に対するアップデートはサポートされる
・つい先日7.0がリリースされたようだ(その前のバージョンは5.6)
・5.4はすでにサポートが切れた、5.5もセキュリティアップデートのみの期間に入っている
参照ページ:Currently Supported Versions

過去のバージョンの中にも安定しているものがあるという記事もあった。書いてあることが難しくて把握できた範囲は少ないのだけども。
参照ページ:安全なPHPを使っていますか? – PHPバージョンアップとの付き合い方を考える

PHPで作られているサイトが、安全でないバージョンを使っている場合が多いことの指摘もあった。安全なバージョンのPHPを使っているのは2割ほどとのこと。えー。。
参照ページ:PHP Install Statistics

単純に新しくしておけばいい!ということでもないのかしら、と思いつつ、選択できる最も新しいバージョンに変更しましたとさ。

PHPのページはこちらから

[ssba]

nth-childがうまくいかない、と思っている人へ。(過去の自分を含む)

あなたがやりたいことは実は、「nth-of-type」こっち、かもしれません。

nth-childはCSS3で使える擬似クラスです。
http://www.htmq.com/selector/nth-child.shtml

E:nth-child(n)は、疑似クラスの一種で、 n番目の子となるE要素にスタイルを適用する際に使用します。

どんな風に使うかというと。
まず、下記のようなhtmlがあるとします。

<div>
	<p>本日は晴天なり</p>
	<p>本日は晴天なり</p>
	<p>本日は晴天なり</p>
	<p>本日は晴天なり</p>
	<p>本日は晴天なり</p>
</div>

ここで、3行目だけ別の色にしたい、マージンを変えたい、ということがるときに、擬似クラスで下記のように書くことができます。

p:nth-child(3) {color: red;}

すると、 続きを読む nth-childがうまくいかない、と思っている人へ。(過去の自分を含む)

[ssba]