ページ先頭

ご利用案内

RSS配信

ニュース検索

HP制作ヒント

ソフト別ヒント

ウィンドウズ

|アクセシビリティとは|ページ構成|画像&イメージマップ|文字|

|ブラウザ|表示速度|関連リンク|

文字

2005-07-21:新規

 デザイン上の空白文字の処理

文章中に空白文字を入力したい場合があると思いますが、少々注意が必要です。

例えば・・・
「住  所」や「鈴  木  一  朗」や「代  表  取  締  役」

これらは音声ブラウザでは一区切り入れて読み上げるので、正しく理解されません。どうしてもスペースを入れてデザインしたい場合は・・・

・スタイルシートで左の文字とのスペースを定義する
・画像を作成してalt属性に空白を除いて内容を記述する

などの方法があります。画像を使用したくない場合はスタイルーシートを利用しますが、場面によっては画像が有利な場合もあります。いづれにしても余り多用したくないものです。

下記はサンプルページです。

HTML・CSS・PHP(サンプルページ)

 改行の処理方法

表に見出し項目が多い場合、見出し文字に苦労することがあります。この場合は画像を作成してalt属性に内容を記述した方が良いと思います。

1文字単位で改行することは、空白文字と同様に音声ブラウザでは正しく理解されません。この場合は、スタイルシートよりは画像の方が汎用性があると思います。

|アクセシビリティとは|ページ構成|画像&イメージマップ|文字|

|ブラウザ|表示速度|関連リンク|

姉妹サイト

トップページサイトマップリンクについて Eメール

Copyright©2004-2008ホームページ制作ヒント&PCニュースT.Yoshimura