新年あけましておめでとうございます。
旧年中は格別のお引き立てを賜り、心より御礼申し上げます。
本年も変わらぬご愛顧の程お願いいたします。
平成22年 元旦
アイビーネット スタッフ一同
旧年中は格別のお引き立てを賜り、心より御礼申し上げます。
本年も変わらぬご愛顧の程お願いいたします。
平成22年 元旦
アイビーネット スタッフ一同
学生時代に年間300本映画を観るという偉業を達成した身としては「100本観るなど通過点！」と思っていたのですが...、やっぱり年取ると集中力って無くなりますねw。見始めるとすぐ睡魔に襲われてしまい、結局74本しか見られませんでした。
観るだけではつまんないなと思い、作品ごと4段階に評価をしてみました(ついでに感想文も書いたのですが、それ載せるととんでもなく長くなるのでまたの機会に)。
参考にしていただき、お正月の暇つぶしにでも観ていただければうれしいです。
あっ、先に言っておきますが、ちょっと変わった内容の映画が好きなので、クセの強いタイトルが含まれているかも知れません。ご覧になるときは自己責任でお願いしますw。
(追記：12月31日、3本追加)
ちなみに学生の時の偉業は友人と達成したのですが、その時の評価の仕方は「ケツ(お尻)が痛いか痛くないか」の2段階でした。「長時間観ていても、集中していてケツが痛くなるのを忘れた」らいい映画という基準です。
なので、映画館を出た後「ケツ軽！」とか「ケツ痛！」とか言ってました。アホですなw。
では、よいお年を！
]]>
竜ヶ岩洞の公式サイトによると、2億5千万年前の石灰岩地帯に形成され、総延長1000ｍを越える東海地方最大級の観光鍾乳洞。観光ルートは約400ｍあるそう。
当日は相当蒸し暑かった事もあり、一歩洞内に入ればひんやり快適。
天然のクーラー（約18℃）がとても気持ちよかったです。
ライトアップされた洞内は神秘的な雰囲気で、途中に落差30mという滝もあり、意外にスリルを楽しめました。
鍾乳洞を出た後は、売店にてアイスを購入。
「静岡県のバスガイドさんが選ぶアイスクリ−ムNO1」に選ばれたというここのアイス、休憩中のほとんどの人が食べていました。
一番人気という「ホワイトクリーム」を食べました。シンプルな牛乳の風味が美味しかったです。
この竜ヶ岩洞、鍾乳洞の外は少々B級な匂いのするテーマパークです。
門には煙を吐く竜がお出迎え。
さらに各種顔ハメ大賞に輝いたという日本一の「顔はめ」。
本物のヘルメットを使用しており、顔のフィット感が最高だそう。（写真：失敗）
こんなお土産もあったんですね。
「話題のグッツ」原人君Tシャツ
先日こんな本を読みました。また百式さんでのモニター募集で当選した本です。ありがとうございます。
前回読んだ、同じ石原明さんの書籍「うちの社長はなぜああなのか」も刺激的なタイトルでしたが、こちらもなかなかのインパクトです。
やたらと文句ばかりの人、不当な請求ばかりしてくる人、こちらの誠意に感謝の念を抱いてくれない人、サービスに対してお金を払うことを理解していない人、いわゆる"イヤな客"などに無理に商品を売り込んでも、それでは一時の利益にしかならず、問題ばかりでリピートも期待できません。
そんなことに時間をかけるのだったら、あなたの会社の商品やサービスをいつも喜んで買ってくれる人、新しい商品が出たらそれも喜んで買ってくれる人、そればかりか、あなたの会社や商品を他の人に紹介してくれる人、いわゆる"顧客"が現れるような施策に時間をかける方が未来につながります。だから"イヤな客には売るな！"
ということです。
で、このイイ客「顧客」をキチンと戦略を立てて増やしていこう、「顧客化戦略」を進めていきましょうというのが本書の内容です。
どちらかというと技術書を読むことが多いのですが、この本はかなり興味深く読めました。
全体的には「うん、知ってるわかってる」という内容でしたが、それぞれの「情報」をバラバラに知っていただけでした。本当はそれらを組み合わせ「しくみ」として構築しなければ結果は出せないんですよね。
それと「顧客化」は、ある程度のレベル以上のサービス(商品)を提供できていて初めてできることです。そして、そのサービスを理解して人に矛盾無く説明できるようにしておく必要があります。まずは「顧客化」の大前提としてこれらが出来るようにしておかなければいけませんね。
「本って面白いなぁ」と改めて思わせてくれたよい本でした。
]]>アクセシビリティに少なからず関心を持っている方は、まず「アクセシビリティを考慮したポップアップウィンドウ」というタイトルに違和感を感じるかもしれません。アクセシビリティを考慮するならば、そもそもポップアップウィンドウ(別ウィンドウ)を使わない方がよいからです。
しかし、案件上ポップアップウィンドウを使わざるを得ない場合もあるでしょう。これから紹介する方法は、その時にできる限りアクセシビリティを保つための方法です。
よく使われるポップアップウィンドウの記述は、下記のようにJavaScriptを使います。
<a href="javascript:void(window.open('popup.html','',''));">この記述ですとJavaScriptを無効にしてある場合、なにも起こりません。リンクがあるのに何も起こらないというのはかなり不親切です。ついでにポップアップウィンドウ先のページが検索エンジンに登録されません。検索エンジンのクローラーがJavaScript経由のページを見つけることができない(できにくい)からです。
JavaScriptが無効になっていてもリンクが機能する記述は下記になります。
<a href="popup.html" target="open" onclick="if (window.open) { window.open('popup.html','open',''); return false; };">この記述であれば、JavaScriptが有効であればポップアップウィンドウが開き、無効であれば別ウィンドウでリンク先が開きます。そしてa要素でリンクが張ってありますので、検索エンジンに登録されます。SEOも考慮することができるのです。
通常のポップアップウィンドウに比べるとソースは長くなりますが、受ける恩恵を考えるとたいした問題にはならないと思います。一度おためしあれ。
]]>少し前の話になりますが、社員旅行で有馬温泉に行ってきました。日程は、4月11日からの1泊2日です。お宿は「月光園」さん。
川を挟んで建物が2棟に別れており、なかなか趣のあるすてきな旅館でした。
1日目は神戸の南京町にある中華街に行ったり、異人館に行ったりしました。下記の写真は、南京町にいたブルース・リーの横で見得を切る、弊社デザイナーの勇姿です。イカスw。
2日目はUSJに行ってきました。私はアメリカのUSJに行ったことがあるのですが、アトラクションはほとんど一緒でしたね。
USJには9時30分ごろ到着したのですが、なんか全体的に空いてましたね。どの乗り物も1?2時間並ぶのは当たり前の覚悟をしていたのですが、どれも20分程度で乗れてしまいました。乗れたのは下記の6つ。
たくさん乗れたので大満足でしたが、ここまで空いていると人事ながら心配になりますね。やはり不況の影響なのでしょうか。もしかしたらGWも空いてたりして。
バック・トゥ・ザ・フューチャーの乗り場もガラガラでした。
そういえばE.Tのアトラクションがもうすぐ終わりだそうです。無くなる理由は「最近の若い人はE.Tを知らないから」という事だそうです。
...でも、そんな理由だとするなら「ウォーターワールド」の方が知名度無い気がしますけどね。作品自体も○○映画(※)でしたし。
※口に出すのもはばかられるような侮蔑の言葉です。自粛しました。
園内のどこかで見つけたウォーリー。さあ、USJにいってウォーリーを探せ！
CSSの文字サイズの単位は何を使っていますか？IEで可変させることを考えてemや%、smallなどでしょうか。では、印刷用CSSの文字サイズ単位はどうでしょうか。pxでしょうか？emでしょうか？
プリントアウトのことを考慮している(ように見える)サイトのCSSをのぞいてみると、文字サイズをpt(ポイント)で指定しているサイトをよく見ます。なぜptなのでしょうか？
pxはPCのモニター上でのサイズ単位として使用されます。そしてptは印刷(出版)での物理的なサイズ単位(72pt ＝ 1インチ ＝ 2.54cm)として使用されます。PCのモニター解像度はdpi(dot per inch(1インチの中に何ドット))で表され、CSSでは「1pt = 1/72インチ」となり「1px = 1ドット」となります。
この事からわかるとおり、ptの場合はモニター解像度(dpi)が変わっても印刷サイズは変わりませんが、pxの場合はモニター解像度が変わると印刷サイズが変わります。
まあ、ややこしい話はここまでにして実際の物を見てください。
上記画像は、それぞれptとpxでサイズ指定をした文字を、モニター解像度を変えてプリントアウトし、スキャナで取り込んだ物です。見てわかるとおり、ptはモニター解像度で変化しませんが、pxはモニター解像度が変わるとサイズが変わります。
Winの標準的なモニター解像度は96dpiです。Macのモニター解像度も、OS9のときは72dpiでしたがOSXになってからは96dpiになりました(たぶん)。
MacもWinも同じ96dpiになったのであんまり影響はなくなってきているのかなと思いますが、どんな環境でも同じ文字サイズでプリントアウトされるようにということで、印刷用CSSの文字サイズは「pt」で指定するのがベストではないでしょうか。
ちなみに指定するpt数ですが、通常は10ptか11ptにすると文字サイズのバランスが良いかと思います。高齢者を対象にしたサイトなどの場合は、12pt以上にするとアクセシビリティが向上するでしょう。
自分のモニター解像度がよく分からない場合は、下記HTMLにアクセスしてみてください。何dpiかがわかります。
]]>結構売れた本らしいのですが「こんな本が上司の机の上に置いてあったら、部下がどんな気持ちになるかわかんないのかなぁ。それに、部下に『こんな本読んでるんだ』と思われるのって、スゴく格好悪いと思うんだけどなぁ。だめだなぁ。」なんてことを思ったことがあります(読んでいないので、でたらめな事言ってるかも知れません)。
こういう本は、家でこっそり読んで欲しいですよね。
話変わって、先週の日曜日にこんな本を家でこっそり読みましたw。百式さんでのモニター募集で当選した本です。ありがとうございます。
こんなタイトルの本が社員の机の上に置いてあったら、社長はいやでしょうねw。タイトルだけ見るとネガティブな印象をもたれそうですが、中身はとてもポジティブな内容です。
2時間強で読めてしまったので「この前読んだ速読術本の効果か！」なんて思いましたが、そうではなく、この本自体がとても読みやすいからでした。著者の体験を元にストーリー仕立てで書かれており、スラスラと読み進めることができます。
著者は経営コンサルタントの石原明さんです。いろいろな企業をコンサルしていく中で、中小企業が伸び悩む原因(中小企業病)はトップである社長に原因がある場合が多いとわかったそうです。そして、それらの社長はだいたい次の5つのタイプに分類できるとのこと。
うまくいっていない中小企業の社長は、ほぼどれかのタイプか、もしくはどれかのタイプに特化していて他のタイプが若干ミックスされている状況なんだそうです。
欠点と長所は表裏一体ですから「他者不信型」でもうまくいっている会社はあります。うまくいっている間は問題ないのです。
しかし「キーパーソンが辞める」といった問題が起こるなど「あれ？最近なんか変だぞ、うちの会社」となったときに、その「なんか変だと感じる原因」を見つけるためのとっかかりとして、5つのタイプに分類して分析を進めていくのです。
社長がどのパターンかわかった次の展開として、その問題をどう解決していくといいか、というように進んでいくのですが、その解決方法が「まずは思考ではなく行動を変えてもらう」という点が面白かったです。
「人の思考を変えるのは至難の業です。だからまず行動してもらいます。行動が変われば自然に思考が変わるからです。」というのは名言ですね。行動を変えて実感が伴ってくれば、思考を変える自分への言い訳にもなりますしね。
最後に自己診断ができるテスト用紙が添付されており「ああ、俺はこのパターンだ」という感じで、自分自身を振り返る事ができます。他人に診断してもらって客観的に見てもらう事もできます。
自分は技術書ばっかりであまりビジネス書というのは読まないのですが、この本はとても興味深く読めました。石原明さんの他の本も読んでみようと思います。
とりあえず「昔やっていた剣道を習い直そうかな？」なんてことを考えています。
]]>1月22日に公開された「JIS X 8341-3：2009 改正原案」を見ながら、今までの「JIS X 8341-3：2004」からどのように変化をしているのか、対応方法はどのように変化してくるのかを教えてもらいました。
大きな変化として、2004年版では「推奨」と「必須」となっていた要求レベルが2009年版からはすべて必須になり、その中でアクセシビリティ達成等級が「A」「AA」「AAA」という形で付くようになりました。
とりあえず基準を満たす形ならば「A」、きちんと対応するならば「AA」、ガッツリ厳密にやるならば「AAA」ということです。
改正原案の前提として、5つのキーワードが挙げられました。
2004年版は基準に曖昧さがあり客観的評価は不可能だったのですが、2009年版では検証がしやすいように具体的な数値で基準が決められました。
| 2004年版 | 2009年版 |
|---|---|
| 5.5c) [推奨] 画像などの背景色と前景色とには、十分なコントラストを取り、識別しやすい配色にすることが望ましい。 |
7.1.4.3) [等級AA] テキストおよび画像化された文字の視覚的な表現には、少なくとも4.5：1のコントラスト比がなければならない。 7.1.4.6) [等級AAA] より十分なコントラストに関する達成基準 テキストおよび画像化された文字の視覚的な表現には、少なくとも7：1のコントラスト比がなければならない。 |
| 5.8b) [必須] 早い周期での画面の点滅を避けなければならない。 |
7.2.3.2) [等級AAA] ウェブページには、どの1秒間においても3回を超える閃光を放つものがあってはならない。 |
数値が具体的に出たものはチェックソフト等で機械的評価ができるので、その部分に関して判断がしやすくなりました。
しかし、機械的評価ができない基準(制作側で判断する基準)に関しては、逆に、2004年版よりも2009年版の方が曖昧な表現が多くなっています。
2004年度版では「HTMLでコレを実装する場合はこんな感じ」というように具体的な例(スクリーンショット)がある場合も多かったのですが、2009年度版では「HTMLでコレをどう実現するかは、制作者に判断をゆだねる」というスタンスになってきています。
いちおう例は載っているのですが「情報提供を目的としており、推奨を意味するのではない」となっており、別紙「Understanding WCAG 2.0」と「Techniques for WCAG2.0」に載っているという形になっています。
具体的な実装方法がはっきりしていない事もあり、独自で実装方法を考え、その方法に問題なさそうであれば「JISに対応している！」と宣言してもいいそうです。なーんか、文章にするとすっごい微妙な感じもしますが。
2004年版は、暗に「(X)HTML+CSS」ベースを想定していたそうですが、2009年版はありとあらゆるWebコンテンツに適応させられることを想定しています。
「Webの技術は常に変化していくので、具体例を載せてしまうと5年後には通用しなくなるかもしれないし、誤解を招く場合があるから」ということです。「検証可能な基準」といいながら具体的な例が無くなったのは、この考えからですね。
正直「4?5年したら、また検討すればいいんじゃないの？」とかって思ってしまいましたが...。
| 2004年版 | 2009年版 |
|---|---|
| 5.2 d) [推奨] 表組みの要素をレイアウトのために使わないことが望ましい。 |
7.1.3.2) [等級A] コンテンツが提供されている順序がその意味に影響を及ぼすときには、正確な読み上げ順序をプログラムで解釈可能にしなければならない。 |
| 5.3 h) [推奨] 共通に使われるナビゲーションなどのためのハイパリンクおよびメニューは、読み飛ばせるようにすることが望ましい。 |
7.2.4.1) [等級A] 複数のウェブページ上で繰り返されているコンテンツのブロックを通過できるメカニズムが利用可能でなければならない。 |
WCAG 2.0 では、「技術のアクセシビリティ・サポーテッドな使用法」という考え方を用いています。
で、この「技術をアクセシビリティ・サポーテッドな方法で用いる」というのは「支援技術(AT)および OS、ブラウザ、その他のユーザエージェントのアクセシビリティ機能と連携する」ということを意味します。あはは、なんのこっちゃですね。
かんたんに説明すると、アクセシビリティ・サポーテッドとは
ことです。
用件を満たす技術が2つあったとするならば、みんなが使える技術を使いなさいという事ですね。セミナーでは、例として「alt属性」と「longdesc属性」が挙げられていました。
img要素に代替えテキストを用意してアクセシブルにしたい場合、alt属性でもlongdesc属性でも代替えテキストという用件は果たす事ができます。
しかし、longdesc属性に対応しているWebブラウザや音声読み上げソフトはほとんど無いので「longdesc属性はアクセシビリティ・サポーテッドな方法ではない」となり、達成基準を満たすことができない方法という事になります。
というように、2009年度版では「その技術を使うのがベストであり、かつアクセシビリティ・サポーテッドな方法で達成基準を満たしていればOK」というようになりました。
2004年版は(注1)日本語特有の問題など、JIS特有の項目を幾つか盛り込んでいました。そのため各国に支店を持つような国際企業の場合、ガイドラインがその国々に必要になりそれが負担になったりしていました。
そのため2009年度版では、その問題を考慮しWCAG2.0の内容をほとんどそのまま採用する形になりました。でもそうすると「日本語特有の問題はどうしたの？」となると思いますが、それらもWCAG2.0に含まれる形になりJISとの差はなくなりました。
注1：日本語特有の問題とは、「東 京」といったように単語内にスペースを入れた場合、音声読み上げの際に「とうきょう」ではなく「ひがしきょう」と読まれてしまう問題等のこと。
WCAG 2.0には下記の4大原則があるのですが、2009年版JISの方でもこれらを採用しています。上記の5つのキーワードと見比べればナルホドなという内容ですね。
「原則4：ロバスト性」がちょっとわかりにくいですが、ようは、音声読み上げソフトやブラウザの種類など、さまざまな条件に左右されずに利用ができなければならない、という事です。
ちなみに「原則4.1：互換性(Compatible)」では「現在および将来のユーザーエージェント(支援技術を含む)で利用できるように、最大限の互換性を保つようにすること」となっています。
2009年版は、機械的評価ができる基準ができた事でわかりやすくなった部分もありますが、制作側で判断する基準に関しては、逆に、2004年版よりも2009年版の方が曖昧な表現が多くなっています。
これにより、ちゃんと内容を理解できていない人は苦労する事になりそうですね。「この基準はこの方法で実装せよ！」なんて図入りの参考書ができれば売れそうな気もします。
それと、アクセシビリティ達成等級が「A」「AA」「AAA」という形になったことで「AAならばこれだけの工数です」といったように料金体系のメニューも区別しやすくなりそうです。
さて、後はこれらをどうやってビジネスに結びつけていくかですね。
アクセシビリティは、施したところでビジネスに直結するような性格のものではありません。この不況下、余裕がなければアクセシビリティは「まあ追々対応していきます」と後回しにされがちになります。
とはいえ「さあ必要になったぞ」となった時に対応できないでは話になりませんので、少しずつ理解を深めていこうかなと思っています。
あと余談ですが、今回のセミナー会場は机が用意されていなく椅子だけだったのですが、その椅子が堅いのなんの。そんな状態での3時間のセミナーだったので、ケツが割れそうでした...。
えっ？、最初から割れ(以下略)
質問コーナーの時に、下記の質問をしました。
...うーん、厳しいご意見ですね。
]]>先日、ある企業の担当者様から教えていただいて知った用語なのですが、過去の記事を見る限りでは2003年にはこの用語があったようです。
シャドーサイトとは、簡単に言えば不祥事を起こした際にアップする「お詫びページ」の事です。一般には公開しない形で用意をしておき、緊急時にそちらに切り替える形で運用をします。大企業などでは、危機管理体制の一つとしてこのシャドーサイトを用意しておく企業が年々増えてきているようです。
シャドーサイトという用語を初めて聞いたときには「また新手のSEOスパムが登場したのか」と思ってしまいましたw。
シャドーサイトは、起こった不祥事のレベルに別けて数パターン用意をしておくようです。たとえば危機レベル1〜4といったように4段階にしたとすると、すぐに切り替えが出来るようにCMSなどを用いてまずは仮ページを表示しておき、正式なコメントが出次第差し替えるという運用をするようです。
まず目的である「即時対応」が終わった後、シャドーサイトは「対応を経過で見られる」ページに変化していきます。その後は通常サイトに戻るべく、徐々に1コンテンツの形になっていきます。
運良くサイトのコピーが残っていた「トップページ全面差し替えパターン」の不二家を例に、時系列で紹介してみます。
シャドーサイトとは、緊急時を想定して事前に制作しておくコンテンツです。そう聞くと「そんなモン作る暇があったら、不祥事が起こらないように努力すればいい」なんて言葉が聞こえてきそうですが、TVでも放送事故が起こったときのために「しばらくお待ちください」という画面を用意しておいたりしますよね。あれと同じです。
それに人間誰しもミスをしますし、最近のマスコミは「何でもいいからまず謝れ」ってスタンスなので、そういったトラブルを避けるためにも必要になるのでしょう。
危機管理体制としては、シャドーサイト以外にも不祥事発生時のアクセスの増加対策としてキャッシュサーバーを用意したり、風説の流布を少しでも抑えるためにPPC広告(Overture等)を用いたりという事もあるようです。
シャドーサイトは(シャドーといいながら)いわば表の顔です。不祥事発生時には、その顔の裏でブランド戦略室が主体となり、広報部門や法務部門、リスク対策部門、情報部門等の関係各部門と連携の上、意見集約をしながら問題解決を測っているのです。
大企業ってのは大変ですね (って、最後は他人事かい)。
]]>NHKで「出社が楽しい経済学」というバラエティが放送されているのですが、この番組オススメです。
仕事や生活の中で起こる出来事を、ある経済用語キーワードを元にドラマ仕立てで紐解いていくという内容です。今回の経済キーワードは「価格差別」でした。
などなど、これらは「価格差別」という用語で理解できます。経済学といわれると難しい印象を受けますが、バラエティ仕立てなので楽しく学べます。次回は「裁定」がテーマのようです。
私も経済学に明るくなってこのフレーズを使ってみたいですね。
「な、な、な、ナンセンス！」
こんにちは。山田です。
今回はサントリー伊右衛門から届いた年賀状についてお話しします。
以前、サントリー伊右衛門の「氷出し碾茶一式当たります。キャンペーン」に応募したことがあり、残念なことに当たりはしなかったのですが、このお正月に年賀状が届きました。
応募したことすら忘れていただけに、ビックリ。
手ぬぐいをくれたりブックカバーをくれたり年賀状道具を作ったりと、何かとキャンペーンを展開している伊右衛門。すごい広告展開ですね。
年賀はがき一枚で、「またいいキャンペーンがあったら応募しよう(＝伊右衛門いっぱい買わなきゃ)」と、思わせてくれます。ほんとに上手。しかもちゃんと表面にお年玉のくじ番号ついてる・笑。
ちなみに、「氷出し碾茶一式」のデザインしたのはauraです。
aura shopは京都のCOCON烏丸にありますので、機会があったらぜひ！
「タイタニック」のレオナルド・ディカプリオとケイト・ウィンスレットのコンビだという事や、宣伝コピーが「それは -- 誰もが逃れられない〈運命の愛〉」だったりで、観に行こうとしている方はラブストーリーを期待するのではないでしょうか。
自分も単なるラブストーリーだったのなら見に行かなかったと思いますが、「どうもそうじゃない」という噂wを聞いていたので、観に行ってみました。
結論から言うと、全然ラブストーリーじゃなかったです。間違ってカップルで見に行ったら気まずくなる事必死です。アメリカではかなり有名な小説が原作だそうで、この小説が1961年に発表されてから離婚率がかなり上がったそうです。
これから観に行く方もいるでしょうから深くは書きませんが、いやー、ディカプリオがかなり情けなかったです。ダメ夫です。
観た後に色々と考えさせられる面白い映画でした。オススメ。
デザイナーではないので「行っていいのかな？」と思いつつ、前回の参加者のBlogを見てみると「PHP初心者セミナー」のようだったので参加してみました。ちなみに無料の勉強会です。
今回は第2回目になります。第1回目は参加していなかったのでテキストを取り寄せてみたところ、if文やecho文(perlでいう「print」、JavaScriptでいう「document.write」みたいなもの)という基本は終わっているようで、今回はメールフォームを制作するという事でした。
勉強会自体は楽しく参加させていただきましたが、ちょっと物足りなかったかなぁとも感じました。でもPHPを始める知るきっかけにはなったので、それだけでも参加した意味はあったかと思います。
会場入り口に受付らしき物が無く、スタッフらしき方に「どうしらいいの？」と聞いて初めて対応されたり、勉強会の内容がタイムテーブル通りにいっていなかったりと「まだ開催に慣れていないのかな？」とも感じましたが、これからに期待しております。第3回があるようでしたらまた参加したいと思います。
次回は、ぜひPHPのフレームワーク CodeIgniter(コードイグナイタ)を題材に、勉強会を開いて欲しいですね。
]]>この時は、単に「問題だね、ダメだね、滑稽だね」だけで終わらしてしまいました。しかし、本当は「じゃあどうすれば問題が解決できるのか、どうすればベストなのか」まで展開しなければ意味がありません。
あれからだいぶ時間が経ちましたが、この「社民党は"やしろみんとう"と音声読み上げソフトでは読まれてしまう」件に関して再考してみました。
音声読み上げソフトでは「社民党」を「やしろみんとう」と誤読してしまいます。これではスクリーン・リーダーユーザーは意味がわからなくなる恐れがあります。では「社民党(しゃみんとう)」と読み仮名を直後に付けてみてはどうでしょうか。これならば「やしろみんとう しゃみんとう」と読まれ、少しわかりやすくなります。
しかし「社民党(しゃみんとう)」と表現した場合、今度は健常者が不思議に思ってしまうかも知れません。「社民党は"しゃみんとう"と読むに決まっているではないか。なぜこんな余分なものを付けるんだい？Why?」
では、rubyを使ってそちらに読み仮名の「しゃみんとう」を記述し、CSSで表示しないようにするのはどうでしょうか。CSSで目に見えないようにしても、音声読み上げソフトでは読み上げがされます。
<ruby>
<rb>社民党</rb>
<rp>(</rp>
<rt>しゃみんとう</rt>
<rp>)</rp>
</ruby>
ruby rp,
ruby rt {
display: inline-block;
display: -moz-inline-box; /* Firefox 1-2向け */
overflow: hidden;
width: 0px;
height: 0px;
}rubyとCSSを利用する事で進めるとして、では毎回「社民党」が出てくるたびにrubyを追加するのはどうなんでしょう。正直、不効率すぎますし、ミスも増えそうです。
ではどうしましょう。よく行われるのは「ページ内で最初に出てきたときだけに付ける」という施策です。しかし、ページを上から下へ順番に閲覧してくれるとは限りませんので、これもあまりベストな方法ではありません。とはいえ、これ以上のよい解決法が見つからないのでこの方針でとりあえず進める事にします。
ここまでをいったんまとめてみます。
「社民党」がページ内で最初に出てきたときに、rubyを使って「社民党(しゃみんとう)」とします。こうする事で、音声読み上げソフトで「やしろみんとう しゃみんとう」と読まれます。
「やしろみんとう しゃみんとう」と読まれる事で、スクリーン・リーダーユーザーに「ああ、これ以降は"やしろみんとう"と出てきた場合には"しゃみんとう"と書いてあると脳内変換すればいいのだな」と認識してもらいます(微妙ですねぇw)。
ここで1つ問題が出てきます。音声ブラウザ「Net Reader」では読み仮名側の「しゃみんとう」のみを読みあげてしまうということです。こうなると先ほどの「"やしろみんとう"を"しゃみんとう"と脳内変換してもらう」というきっかけができません。
となると、不効率ですがやはり「社民党」が出てくるたびにrubyを使った方がよいという事になります。毎回追加していれば「上から下へ順番に閲覧してくれるとは限らない」という問題や、「"やしろみんとう"を"しゃみんとう"と脳内変換してもらう」という事も問題にならなくなります。
しかし、やはり毎回追加するのは避けたいです。「毎回書くのめんどいなー、イマイチ納得がいかないなー、これしかないのかなー」と、どうしようかと考えているときに、ふと下記ページを思いだしました。
光が見えましたw。「やしろみんとう、やしろみんとう」と何度も出てこれば、スクリーン・リーダーユーザーも「なにこれ？」と思い、付き添いの人などに聞くでしょうし、テレビなどで聞いていて「ああ、"しゃみんとう"ね」と気づく確率も高いはずです。「アクセシビリティを保たねば！」と変にこだわりすぎていたような気がします。
ということで、ページ内に何度も出てくる場合は「社民党」で、1回2回ほどしか出てこないのであればrubyとCSSを使って「社民党(しゃみんとう)」とすればいいのではないでしょうか。
ですので「社民党」が頻繁に出てくる社民党のWebサイト内では「社民党」でいいのでは、と思います。そもそも「どこのサイトを訪れているのか認識してないの？」って話でもありますし。答えは単純でした。
まあどうも納得いかないってことであれば、ページ内で最初に出てきたときだけ、rubyを使わずに「社民党(しゃみんとう)」とすればいいのではないでしょうか。
画像の場合は「alt="社民党 しゃみんとう"」とするしかないでしょうねぇ。ruby使えませんし。
]]>