あけましておめでとうございます。

旧年中は大変お世話になり、ありがとうございました。
本年アートネクストは創立10周年を迎えることとなりました。
これもひとえに皆様のご支援の賜物と心より感謝申し上げます。
これを機に一段と飛躍の年にしたいものと願っております。
本年もなにとぞよろしくお願い申し上げます。

また、オフィススペースを新築し、新しい環境に変わりました。
お近くにお越しの際は、ぜひお立ち寄りください。

PowerMac 7600/200
すでに「ひとむかし」前の機種ですが、アートネクストがDTPデザイン用に初めて導入したパソコンです。

最近ではウェブデザイン用として、Windows PC。DTPデザイン用として、Mac G4（OS9）。その他プレゼンや外出先での原稿作成、ベッドに入って仕事をする時用（爆）にibookG4（OSX）と3台（というより3種類のOS）を使い分けています。

ところがここにきて、やっと一件の得意先の制作環境がOS9からOSX（intelMac）に移行していく、という話が出てきました。
当然デザインの仕事をいただいている身分の私としましてはintelMacの導入を考えています。

妥当なところでは、Mac Pro でしょうか。

それともこいつ MacBook PRO を導入して一台ですべてをこなしましょうか。

なやみどころです。
そろそろOS9には、隠居してもらいたいものですがね。

テキスト以外の要素というのは、写真やイラストなどの画像、タイトルなどのテキストを特殊なフォントを使って画像にしたもの、イメージマップ、アニメーション、箇条書きの行頭についているマーク、画像を使用したボタンなどです。

音声ブラウザーやスクリーン・リーダーなどで、音声で閲覧したり、テキストベースのブラウザーで閲覧する場合などには、この代替テキストが使用されます。テキスト以外の要素に適切な代替テキストがついていないと、何も表示されなかったり、画像のファイル名が読み上げられたりすることになってしまいます。

ですので、代替テキストには画像の内容を適切に説明するテキストを入れるようにし、画像が表示されなくても正確に意味が伝わるようにします。

【検証方法】

1. Internet Explorerで対象のホームページを表示します。
2. ツール(T) → インターネット オプション(O) → ［詳細設定］のタブをクリックします。
3. ［マルチメディア］から［画像を表示する］のチェックを外し、［OK］ボタンをクリックします。
4. 表示(V) → 最新の情報に更新(R) で画面を更新します。

【検証結果】

• 画像のあったところに代替テキストが表示され、画像がなくても同じように理解できる＝★★★（星三つ）
• 画像のあったところに代替テキストが表示されるが、意味の分からないテキストもたくさんある＝★★（星二つ）
• 画像のあったところには何も表示されない＝★（星一つ）

文字の大きさは大丈夫？

今ご覧になられているホームページ、また、あなたが管理されているホームページ、見る人の環境の違いによって文字の大きさが違って見えることをご存知ですか。
Windows、MacOSなど、OS（Operating System）の違い、Internet Explorer、Netscape、FireFox、Opera、Safariなどホームページを閲覧するためのソフトウェアの違い、またディスプレイの大きさや各種設定によって、本当にいろいろな大きさに見えます。

文字が少し小さくて読みにくいな、と感じたらInternet Explorer等の設定を少し触ってやるだけで大きく表示することが出来ます。
ところが、制作する側で文字のサイズを固定してしまっているサイトが星の数ほどあります。文字のサイズを固定してしまうと、閲覧者側では文字を大きくすることが出来なくなってしまいます。

あなたの環境では十分な文字の大きさかも分かりません。しかし、あの方の環境ではどうでしょう。また、数年、数十年後のあなたにも十分な文字の大きさでしょうか。
ぜひ、検証してみて、閲覧者が読みやすい文字の大きさに設定できるサイトにしてみてはいかがでしょうか。

【検証方法】

1. Internet Explorerで対象のホームページを表示します。
2. 表示(V) → 文字のサイズ(X) → 大(L) または 最大(G) にします。

【検証結果】

• 文字のサイズが大きくなり、レイアウトもさほど崩れないできちんと読むことが出来る＝★★★（星三つ）
• 文字のサイズは大きくなったけど、レイアウトが少し崩れて読みにくくなった＝★★（星二つ）
• 文字のサイズが大きくならない＝★（星一つ）

注意：検証結果の基準は、アートネクストが考えるアクセシビリティに配慮したホームページの基準です。

WindowsやMachintoshなど機種に依存する特殊文字ということから、機種依存文字と呼ばれますが、コンピュータの環境も多岐に渡り、実際には使用するフォントによって表示できる文字が変化するため、機種依存文字という言い方も正しくはないという現状になってきています。

また、指定フォントの中で表示できない文字があっても、表示可能な他ののフォントがOSにインストールされている場合は、それを利用して表示しようとするブラウザーもあったりします。

けれどもホームページは、一般的にそれを見る人がどんな種類のコンピュータを使っているのか、書き手側では分かりません。 ですので、ホームページに情報を発信する際には、以下に示す機種依存文字は使用しないように心がけていくと良いと思います。

またこれらの文字は、ホームページばかりでなく、電子メールなどでも、使用しないほうが良いでしょう。

Windowsで入力する際に、他の環境でも問題なく表示できる文字と他の環境では文字化けしてしまう可能性のある文字を一覧表示しておきますので、参考にしてください。

他の環境でも問題なく表示できる文字

記号類
、。，．・：；？！゛゜´｀¨＾￣＿ヽヾゝゞ）
〃仝々〆〇ー―‐／＼～∥｜ …‥‘’“”
（）〔〕［］｛｝〈〉《》「」『』【】
＋－±×÷＝≠＜＞≦≧ ∞∴♂♀∠⊥⌒∂∇≡≒≪≫
√∽∝∵∫∬∈∋⊆⊇⊂⊃∪∩∧∨￢⇒⇔∀∃° ′″℃
￥＄￠￡％ʼn＃＆＊＠§☆★○●◎◇◆□■△▲▽▼
※〒→←↑↓〓 ♯♭♪†‡¶◯´｀¨＾

罫線
─│┌┐┘└├┬┤┴┼
━┃┏┓┛┗┣┳┫┻╋
┠┯┨┷┿┝┰┥┸╂

全角英数字
０１２３４５６７８９
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ

半角英数字
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!"#$%&'()*+,-./:;<=>?@[]^_{|}~

ギリシャ文字
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ
αβγδεζηθικλμνξοπρστυφχψω

ロシア文字
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя

Windowsでしか使えない文字

記号類
①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳
ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ
ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ
㍉㌔㌢㍍㌘㌧㌃㌶㍑㍗㌍㌦㌣㌫㍊㌻
㎜㎝㎞㎎㎏㏄㎡
㍻〝〟№㏍℡㊤㊥㊦㊧㊨㈱㈲㈹㍾㍽㍼≒≡∫∮∑√⊥∠∟⊿∵∩∪

半角カタカナ
ｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜｦﾝ
ｶﾞｷﾞｸﾞｹﾞｺﾞｻﾞｼﾞｽﾞｾﾞｿﾞﾀﾞﾁﾞﾂﾞﾃﾞﾄﾞﾊﾞﾋﾞﾌﾞﾍﾞﾎﾞﾊﾟﾋﾟﾌﾟﾍﾟﾎﾟ

今回は、ホームページと印刷物の違いを考えて見たいと思います。まず、決定的な違いはホームページの文章は、データであるということです。そんなんあたりまえやん、とおっしゃると思いますが、ここが大きなポイントになってきます。

データであるがゆえに、いろいろな形に姿を変えることが可能です。例えば高齢者は文字を大きくして見ることができます。視力が不自由な方は音声のデータに変えたり、また、色を変えることもできます。いろいろな形に変えて使えるのはデータだからです。しかし、データとして正確に書かれていないと全然別の意味になってしまいます。

例えば、「オーディオ」の横棒は音引きといいますが、これを音引きではなくマイナスの記号を使って「オ－ディオ」と書いてみます。書体によって見た目は同じですが、音声で聞いたときには「オマイナスディオ」と読み上げられ、全然別のものというより、まったく意味が分からなくなってしまいます。

同じような意味から以下に、べからずリストをあげておきますので参考にしてみてください。

• 文字などを間違えない（あたりまえですね）
• 英語数字は、全角を使用しない
  Audio（半角）は「オーディオ」ですがＡｕｄｉｏ（全角）は「エーユーディーアイオー」です。おなじように１００％（全角）は「イチゼロゼロパーセント」になってしまいますので、100%（半角）と書きましょう。
• 強制改行を入れない
  単語の途中などに改行を入れてしまうと、意味がつながらなくなります。
• スペースを入れない
  「時　間」などのように、字間を広げるためにスペースを入れると単語としての意味がなくなります。

他にもいろいろあるのですが、きょうはこの辺で。
第2回以降もエントリーできるように、がんばっていきたいと思いますのでよろしくお願いします。

Web標準 準拠でアクセシビリティに配慮した「人にやさしいホームページ」というテーマ。

かねてより考え、そして、既に採り入れつつあったのですが、今後よりいっそう力をいれて、このテーマに取り組んでいきたいと考えております。

まずは、12月1日グランドオープン！？に向けて、あれもこれも考ていかないと。

ツーピースボール（試合球）を使って、実測300ヤード。正面方向にはネットもなく開放感バツグン。なんとも素敵な環境です。
わたしはゴルフをやらないのですが、打ち合わせ等で何度も行っているとなんだか楽しそう。
ゴルフスクールも充実しているし、そのうち入門してしまうことでしょう。

ウェブ制作を生業にしていると、こんな依頼がたまにきます。そこで、Dreamweaverその他のアプリケーションで制作したサイトを、ホームページ・ビルダーで編集する際に気づいた注意点を覚書程度に書いておきます。

文字コードの問題
最近UTF-8の文字コードを使ったサイト制作の比重が増えてきているんですが、これをホームページ・ビルダーver.8で開くと文字化けしてしまいます。
これはver.8がUTF-8の文字コードに対応していないために起こります。ver.9からはUTF-8に対応していますので、ver.9もしくはver.10を使用します。

DOCTYPE（文書型宣言）
ホームページビルダーの初期設定では、保存する際にDOCTYPEを
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に勝手に書き換えて、保存してしまいます。
xhtmlで制作していて
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
のようなDOCTYPEになっている場合も、当然書き換えてくれますので、レイアウトが崩れてしまいます。
これはホームページビルダーの[ツール]＞[オプション]＞[ファイル]の設定で、DOCTYPEを出力するのチェックを外すことで回避できます。

そのほか、気づいたことがありましたら追加していきます。