cue-afterプロパティ。

音声出力環境向けCSSに於ける音声出力での当該要素読上げ後に出力する"音声アイコン"・cue-afterプロパティに関する解説です。

cue-afterプロパティとは。

cue-afterプロパティは、音声出力での当該要素読上げ後に出力する"音声アイコン"です。

音声アイコンとは、要素の前か後ろに挿入する音声リソースを指します。

  • ラジオ番組などでコーナの前後に挿入されるジングルのようなものと言えるでしょう。

cue-afterプロパティの扱い。

cue-afterプロパティの書式。

cue-afterプロパティの書式は、以下のようになります。

cue-after:

値としては、以下のものが取れます。

inherit
一番近い上位要素で指定された値を継承します。
none
音声アイコンは利用しません(デフォルト)。
url(URI)
URIで指定された音声アイコンを利用します。

尚、音声リソースで無い場合は当該リソースの扱いをせずにnone扱いとするのが望ましいとされております。

cue-afterプロパティに関する注意事項。

cue-afterプロパティの仕様上の注意。

複数リソースには対応しておりません。

現在のところ、複数リソースの指定には対応しておりません。

このためサポートしていない音声リソースを指定すると、利用されない可能性があります。

このため、サポートしていない音声リソースの場合は、ユーザエージェントは代替として利用出来る音声アイコンを用意するのが望ましいともされております。

cue-afterプロパティと:after擬似要素の関係。

実は、cue-afterプロパティは:after擬似要素contentプロパティで音声リソースを指定する事でも実現出来ます。

尚、cue-afterプロパティと:after擬似要素を併用した場合の扱いは明記されておりませんが、当該要素のcue-afterプロパティで指定された"音声アイコン"を出力した後、当該要素の:after擬似要素で指定された内容が出力される事でしょう。

cue-afterプロパティの実装上の注意。

視覚系のユーザエージェントでは意味が無いプロパティのため、視覚系ユーザエージェントで実装しているものは今のところ無いようです。

WAP 2.0での注意事項。

WAP 2.0では、cue-afterプロパティは定義されておりません

関連項目。


しらぎくのウェブサイト作成入門サイトマップ