Accessibility - Web Standards: Mastering HTML5, CSS3, and XML - page 358

Browsers that do not support Ruby annotations will render the previous code inline without interrupting the text
flow (Figure 10-6 ).

Figure 10-6. The fallback mechanism of the Ruby annotation in action

Listing 10-5 is rendered in compliant browsers as presented in Figure 10-7 .

Listing 10-5. The IPA Representation of an Eastern-European Name Using Ruby Annotation

<p>
Count
<ruby>
István Széchenyi
<rp>(pronounced: </rp>
<rt>'i tva n 'se t e i</rt> <rp>)</rp>

ʃ ː ː ʃ ːɲ

</ruby>
was one of the greatest statesmen of Hungarian history.
</p>

Figure 10-7. Pronunciation hint provided by Ruby annotation

In browsers that do not recognize Ruby markup, the same example would be rendered inline (Figure 10-8 ).

Figure 10-8. Pronunciation hint rendered inline in browsers that do not support Ruby annotations