読み上げ、ふりがな機能の補足メッセージ表示

読み上げ機能、ふりがな機能を実行したとき、ヘッダーに補足メッセージを表示する。

表示させたい場所の親は、決められたＩＤ名をつける。

<div id="#headerBody">
読み上げ、ふりがな機能の枠につけるＩＤ名→#headerBody
</div>

表示した補足メッセージは#navigationNoticeというIDが付くので、独自でCSSで装飾する必要がある。

/* 例 */
#navigationNotice {
    border-top: 1px solid #24896c;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
}