![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
読み上げソフトはhtmlを上から読み上げるため、目の不自由な人が閲覧しやすいように、知りたい内容が一番最初に読み上げられるように、ヘッダーやメニューを下のほうのhtmlに書き、コンテンツをbodyのすぐ後ろに書いて構築していきたいと思ってます。
レイアウトをCSSでやる場合、position:absolute;を使ってヘッダーやメニューやコンテンツの配置を決めてあげるのが一般的な方法なのでしょうか?
このようなやり方をすると、IEでもSAFARIでも同じように見えるように作りこむのが、私には難しく、もっといい方法があるのではないかと思い質問しました。
また参考になるHPがあれば教えてください。
よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
位置指定はpositionとfloat、それにせいぜいmarginなどを併用するしか方法はありません。
細心の注意を支払うことで、どんなブラウザで見ても綺麗な表示のページになります。
> 私には難しく、もっといい方法があるのではないかと思い質問しました。
残念ながら、がんばってくださいとしか言いようがないですね(^^;
スタイルシートで出来なければ、音声・テキストブラウザ用とそれ以外のブラウザ用の2種類、そのなかで<noscript>などを使用するほうが簡単だと思います。
最低限のヘッダは最初に書いておいた方が良いと思います。
そのページの内容がわかりますし、間違えて入ってきたページかどうかの判断もそこでできます。
私が音声ブラウザ対応ページを作る場合は、主にページタイトルとパンくずリストにしてます。
ページタイトルを見て(聞いて)間違えた場合は次に読まれるパンくずリストを使ってすぐに戻ってもらえますから。
回答有り難うございます。
>私が音声ブラウザ対応ページを作る場合は、主にページタイトルとパンくずリストにしてます。
パンくずリストという言葉をはじめて聞きましたが、どういうことでしか?教えていただけたらうれしいです。
No.3
- 回答日時:
ご質問への直接の回答ではありませんが、参考URLの「aDesigner」は検証するには最適ですよ。
ご存じかも知れませんが。
参考URL:http://www.research.ibm.com/trl/projects/acc_tec …
No.1
- 回答日時:
読み上げブラウザについては詳しくありませんが、JavaScriptを使うと無視されるので、こんな感じでやることも出来るのではないでしょうか。
<body>
<div id="header"></div>
<div id="menu"></div>
<div id="contents">ここに本文が来ます。</div>
<div id="copies" style="display:none">
<p>以下、ヘッダー部分です。</p>
<div id="header_copy">ヘッダー部分</div>
<p>以下。メニュー部分です。</p>
<div id="menu_copy">メニュー部分</div>
</div>
<script type="text/javascript">
<!--
document.getElementById("header").innerHTML = document.getElementById("header_copy").innerHTML;
document.getElementById("menu").innerHTML = document.getElementById("menu_copy").innerHTML;
//-->
</body>
</script>
copies部分はブラウザでは表示されず、JavaScriptでheaderとmenuにコピーしています。
今考えた方法なので、もっとスマートな方法はあると思いますが(笑。
参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- 日本語 3通り以上の読み方がある熟語 2 2023/01/12 22:05
- 文学・小説 小説はどこから書けばいいのでしょうか? 4 2023/04/06 10:49
- その他(プログラミング・Web制作) データ解析ソフトRでのファイル入力read.csvがエラーになります 7 2022/03/27 22:11
- Windows 10 再起動後 Pinが使用できず、PC(windows11)にサインインできない 3 2022/08/30 20:53
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- iPhone(アイフォーン) iPhone13の読み上げコンテンツについて。 2 2022/07/08 04:52
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- 楽器・演奏 へ音記号の楽譜を読めるようになりたいので、ト音記号との音階の音域の違いを知りたいです。 3 2023/08/14 14:15
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
mailtoで質問・・・
-
スクロールテキストボックス ...
-
スクロールの同期ってできますか?
-
インラインフレームについて。
-
横スクロールを右から左へ・・・
-
テキストボックス内にハイパー...
-
ページを読み込み直さずに、sel...
-
(Javascript)印刷するファイル...
-
テキストをクリックすると答え...
-
折りたたみ表示について
-
Windowサイズにより赤枠の大き...
-
styleタグとbodyタグの関係につ...
-
Webページ作成の際に、固定ヘッ...
-
WEB上で編集できない、スク...
-
bodyにwidth:100%をつける理由は?
-
ハイパーリンクに下線を表示す...
-
bodyタグの範囲について
-
インラインフレームの縦幅を、...
-
外部ページからハッシュタグ(...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
テキストボックス内にハイパー...
-
別ページのページ内リンクでの...
-
ハイパーリンクに下線を表示す...
-
ページの読み込みが完了してか...
-
横スクロールを右から左へ・・・
-
Chromeがiframe内の「#~」に釣...
-
ページによって表示位置がずれ...
-
"mailtoでメールの【氏名】【性...
-
bodyにwidth:100%をつける理由は?
-
iframeのsrcにページ内リンク(...
-
スクロールバーのスクロール量...
-
ボタンが押されたらWebページの...
-
h1にmarginを指定すると一瞬カ...
-
ホームページ上に『位置固定』...
-
htmlで任意の行の文字位置を右...
-
テキストをクリックすると答え...
-
googleマイマップとのリンクを...
-
-css- ページオープン時やリロ...
おすすめ情報