音声ブラウザ、スクリーンリーダー用CSSについて
はじめてご質問させていただきます。
現在、音声ブラウザ、スクリーンリーダーでの閲覧を意識したサイトを制作しております。
ブラウザ上では文字情報が閲覧でき、スクリーンリーダーで読み上げた際、特定の箇所だけは読み上げないといった仕様を目標に構築しておりますが、cssをMedia Typeでspeech, auralで振り分けしているのですが、実際の表示通りに全て読み上げられてしまい、行き詰っております。
過去の質問等検索させていただき、色々試しましたが、私の実力不足です。
よろしければアドバイスの程お願申し上げます。
ご参考までに簡単ではございますがソースを記載させていただきます。
●<head>内CSS参照
<link rel="stylesheet" type="text/css" href="base.css" media="all">
<link rel="stylesheet" type="text/css" href="aural.css" media="aural">
●aural.css
.silence {
display: none;
}
(visibilityや!importつけたりなど色々試しましたができませんでした)
●body内
<body>
<p class="silence">表示されるが読み上げない</p>
<p>表示され読み上げもされる</p>
</body>
以上でございます。
検証しておりますスクリーンリーダーはPC-Talkerです。
まずはPC-Talker環境にて制御できればと思っております。
よろしくご指導の程お願い申し上げます。
補足
ありがとうございます。 私の説明不足だったようで、うまく伝わっていなかったようですね。 すみません。 メールソフトではなくて、メールサービスです。 ↓のようなものです。 http://mail.google.com/mail?hl=ja よろしくお願いします。