![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
読み上げソフトは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をつける理由は何ですか?
-
ハイパーリンクに下線を表示す...
-
テキストをクリックすると答え...
-
別ページのページ内リンクでの...
-
firefoxでブラウザ確認すると左...
-
bodyにwidth:100%をつける理由は?
-
テキストボックス内にハイパー...
-
<a href="#" …>の意味を教えて...
-
SCRIPT5007: 未定義または NULL...
-
リンクにマウスポインタをおく...
-
別ファイルのfunctionの読み込み方
-
ScriptがTABLEタグの中に表示さ...
-
Dreamweaver で 外部JSを読み込...
-
【javascript クロスブラウザ...
-
idHOGEで取得したinnerText(数...
-
ページ全体を検索して特定文字...
-
特定のページから移動してきた...
-
子フレームの自動リロードは可...
-
javascriptファイルは1つに統...
-
キーボードで画像を動かす方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
スクロールバーのスクロール量...
-
横スクロールを右から左へ・・・
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
"mailtoでメールの【氏名】【性...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
IE以外は色が付かない なぜ?
-
javaScript Nullまたはオブジェ...
-
divで作成したテキストボックス...
おすすめ情報