2003/06/21
ユニバーサル・デザイン入門
Nikkei BP Network | BizTech イノベーター | ユニバーサル・デザイン入門
Flashは障害者に対してやさしくないインターフェイスだという話。また、高齢者を意識した製品のヒットの可能性も書かれているんですが、その例として挙げられているエクシーレIIのどこが高齢者受けしているのかがよくわからなかったのが残念。
あと気になったのが、Webの文字サイズ問題に触れたりしているコラムなのに、文字サイズが絶対指定、しかもかなり小さいってのはどういうことですかい!
追記:のちに編集部から、ページの文字サイズはコラムが載る前からの仕様であり、筆者の方から修正の要請がきているとコメントが出されました。変更を検討しているとのことですが、おそらくシステム全体に関わるから簡単に変えられないのでしょう。
以前、文字サイズが絶対指定であってもIEならユーザー補助の「Webページで指定されたフォントサイズを使用しない」をチェックすればいいんだから、絶対指定でもいい、相対指定を強要するのはおかしいと言っているサイトがありました。
でも、文字の行間も絶対指定しているサイトに対しては、それでも対処できません。(例:hirokiazuma.com 「Webページで指定されたフォントサイズを使用しない」をチェックして文字サイズを最大にするとすごいことになります)
そんな訳でやはり文字サイズはユーザー側が変えやすいように相対指定にすべきでしょう。font-size:12pxとか指定するの禁止。
○参考
PC View : 特集 : ユニバーサルデザイン−すべての人に使いやすく−
スタジオ・ツインルーム■シニア向けやバリアフリー向けのホームページ制作
○関連
INTERNET Watch : 米MacromediaのCEO、「Flashをユビキタスのレベルで普及させる」 MacromediaはインターフェイスとしてFlashを普及させようといってますけど、ユニバーサルデザインは考慮しているんでしょうかね?
はてなブックマークでこの記事に関する言及を見る
blogmapでこの記事に関する言及を見る
−この記事に関連しているかもしれない書籍−
お恥ずかしい話ですが,ウチの社内で「文字固定はやめましょうよ!」「俺は文字が小さい方が好きなんだけど?」「そうじゃなくて!」という脱力問答は,日常茶飯事ですよ。よよよよよ。この前も一個変えさせました。地道に頑張ります。ということで。
なかなか現場じゃ理解しない人が多いんでしょうねえ。「ブラウザの文字サイズはユーザーに決定権があるんだ」ってのを理解するには、時間がかかるものだと。フォントサイズを相対指定すると、結果的にWebデザイン自体も変えていかないと、みっともなくなりがちなので、敷居が高い面はありますよね。
文字のきれい汚いの問題はブラウザの問題でもあります。現在一番普及しているIEにも問題があるといえるでしょう。
「文字が小さいのが嫌だからかえろ」と言うと、変えてもいいかなぁと思っている人まで反発するおそれが。
自身が無いひとほどプライドを傷つけられるのを恐れるもんだし。
このへん「俺定義オープンソース」の指摘でおこった反発にも似ていたり。
だから「絶対指定は、かっこいいユニバーサルデザインじゃないからダサいよ。これからは相対指定がモテる」みたいな論調の方がよさげ。
あぁ、絶対指定していてすみません。
オジサン、中途半端にしかスタイルシート知らない
文系人間なもので。
つか、単純に知識がないだけという情けない理由なんですが。
独自のデザインを主張したいから、という人の話なのでしょうが、
自分は結局、文を書きたいという衝動だけがあるわけで、
しょうがないから文法覚えようとしている感じですので。
なんにも考えなくていいレンタル日記が、
一番、オレみたいな頭悪い人間にはいいのかもしれません。
全角アルファベットも使用していてすみません。
すごいことになるのはBiztechも同じみたいで、
line-height: 15px;
で行間の絶対指定してますよ。
文字の綺麗汚いというのはここでは問題にされてないと思うんですが、絶対指定しているのは文字が汚くなるからということですか? それならIEのせいではなく、Windowsのデフォルトフォントが標準でよく使われるサイズだとスムージングがかからないようになっているからでしょう。
http://artifact-jp.com/mt/archives/200305/fontanti.html
otsuneさんが言うように「ユニバーサルデザインはアメリカの先進的サイトなら当然意識しているよ!」として広めますか(笑)。
レンタル日記でも、はてなみたいにCSS対応サイトが増えたら、結局知識として必要になりそうです。デフォルトが読みやすいデザインになっていればいいんですけどね。
全角アルファベットはぜひとも意識していただきたく。
たまに新聞社系サイトで見かける全角アルファベットURLは絶対根絶したいです。
Biztech自体がそうだったのは盲点でした。読みにくいのでフォントサイズを大きくしてやる!と思ったのが自分の場合、東浩紀氏のサイトだったもので。
いやまったく、欧米では考えられないことです。
http://www.cypress.ne.jp/hp10203249/p/0306b.html#p030618a
ええー。
「欧米では考えられないことです」っての。
この話題でアメリカかぶれなのをネタするべきタイミングじゃなさそうな。
「英語ではさほど問題にならないfont size12px絶対指定を、孫引きで日本語サイトで使っている」という日本語とか日本特有の問題を話題にしているんだから。
flashが変なふうに普及したら、構築されたページごとにインデックスの位置や順番が移動するようなサイトが増えるんでしょうか(ガクブル)。多くの中学生がサイト持ってる昨今、情報処理科目や美術に期待したいです。
蛇足ですが、Artifactも特定環境下ではとても重いですよね。具体的には旧MacOSのIE上でですが。リンクにカーソルをあわせた時が一番重くなります。破線のボーダーを描画する際に重くなっているみたいです。
ありゃ、そうですか。ちょっと調べてみたんですが、下線をborderで描画すること自体が重くなる原因だったようです。なので、素直にtext-decoration:underlineに変更しました。
その辺の見づらいんじゃー!とかデザイン崩れてますよ、なんてのは言っていただければ検討しますよ。でも、言う人が少ないもので。
Macintoshでおこるコメント欄の文字化けも、ついこの間、友達に言われるまで気付かなかったですし(初期に対処したと思っていたらスタイルシートのfont-familyのカンマとコンマを間違えていたため無意味に)。
画像に関しては、画像を切ればいいので見栄え優先にしております。
圧倒的に軽くなりました〜。
素早い対応、ありがとうございました。
心無し、スクロールまで軽くなったような気がします(笑)
MT使ってて、見出しの日本語が化けまくってるサイト、結構ありますね。当方、MacintoshでiCabという、かなり特殊な環境ではありますが。多分、フォント指定の仕方だと思います。こういうのもユニバーサル・デザインなことだと思います。あ、こちらはちゃんと読めます。すばらしい。
lavoro nocera superiora visiera casco moto http://girolamo.info/notizie/24.html
finanziamento offenbach am main configurazione e616v tim http://miniato.info/immagini/82.html
concorso gazzetta modelle intimo http://lazzero.info/blog/64.html
stampante termica cd campionato olandese http://cenni.info/diploma/40.html
case a malindi piscina avellino http://cenni.info/scuola/42.html
david sesa radiatori global http://miniato.info/sommario/48.html
listino quattroruote matite in legno http://girolamo.info/famiglia/index.html
mud 2005 cavalieri dello zodiaco immagini http://cenni.info/sogni/89.html
amaro calabrisella finanziamento castello calepio http://bindo.info/famiglia/93.html
nokia adattatore blue tooth roberto alpi http://lazzero.info/agenda/67.html
amico gay produzione detergenti http://miniato.info/famiglia/index.html
immagine tinteggiatura fotocamera videocamera http://miniato.info/eta/26.html
http://ciro.calabria-kr.org/pagina70.html http://mesoraca.calabria-kr.com/pagina76.html http://cotronei.calabria-kr.net/pagina22.html
http://casabona.calabria-kr.com/pagina87.html http://carfizzi.calabria-kr.com/pagina02.html http://filippa.calabria-kr.net/pagina60.html
http://corazzo.calabria-kr.com/pagina69.html http://foresta.calabria-kr.info/pagina68.html http://isola-di-capo-rizzuto.calabria-kr.net/pagina54.html
http://crucoli.calabria-kr.info/pagina54.html http://crucoli-torretta.calabria-kr.com/pagina75.html http://perticaro.calabria-kr.com/pagina88.html
http://ciro-marina.calabria-kr.org/pagina35.html http://cotronei.calabria-kr.info/pagina69.html http://crucoli-torretta.calabria-kr.com/pagina25.html
http://crotone.calabria-kr.net/pagina10.html http://crotone.calabria-kr.info/index.html http://pagliarelle.calabria-kr.net/pagina72.html
http://perticaro.calabria-kr.net/pagina84.html http://casabona.calabria-kr.org/pagina72.html http://filippa.calabria-kr.net/pagina91.html
http://pallagorio.calabria-kr.info/pagina94.html http://melissa.calabria-kr.net/pagina94.html http://isola-di-capo-rizzuto.calabria-kr.net/pagina23.html
http://corazzo.calabria-kr.org/pagina07.html http://ciro.calabria-kr.org/pagina74.html http://caccuri.calabria-kr.info/pagina89.html
http://caccuri.calabria-kr.org/pagina67.html http://cutro.calabria-kr.info/pagina08.html http://ciro.calabria-kr.com/pagina96.html
Excerpt: イセザキモール2丁目のゾーンプレスというブティックの店長は、ここ数年、イセザキモールの仕掛人だ。最近は、ジェントルタウン倶楽部というのも発足して、注目を集めている。そんな彼からジェントルタウン倶楽部のメーリングリストにこんなお知らせがきた。+++明日金...
※コメント欄で初めて書き込まれる場合でも、挨拶は必要ありません。
※その他、コメントを書き込む際はこちらの注意をご覧ください。
この記事へのTrackBack URL
※TrackBackは削除することもありますので、ご了承ください。
※その他、TrackBackについてはこちらの注意をご覧ください