<rt>

• Muss immer innerhalb eines <ruby> Elements stehen
• Enthält den Lesehinweis oder die Aussprache für die Basiszeichen
• Wird typischerweise in kleinerer Schrift über dem Basistext dargestellt
• Essentiell für Ruby-Annotationen in ostasiatischen Sprachen
• Kann mehrfach pro <ruby> Element verwendet werden
• Inline-Element ohne spezifische HTML-Attribute

Das <rt> Element bietet wichtige Unterstützung für Nutzer, die mit der Schrift nicht vertraut sind. Screenreader lesen sowohl das Basiszeichen als auch die Annotation vor, was die Verständlichkeit erhöht.

Beachte diese Punkte für bessere Barrierefreiheit:

• Verwende <rt> nur für tatsächliche Lesehinweise, nicht für dekorative Zwecke
• Stelle sicher, dass der Text auch ohne Ruby-Unterstützung verständlich bleibt
• Nutze <rp> für Browser, die Ruby-Annotationen nicht unterstützen
• Die Annotation sollte kurz und prägnant sein

<rt> außerhalb von <ruby> verwenden

Das <rt> Element funktioniert nur innerhalb eines <ruby> Elements. Ohne diesen Container verliert die Annotation ihre semantische Bedeutung und wird als normaler Text dargestellt.

<!-- Falsch: rt ohne ruby -->
<p>漢字<rt>かんじ</rt></p>

<!-- Richtig: rt innerhalb ruby -->
<p><ruby>漢字<rt>かんじ</rt></ruby></p>

Zu lange Annotationen

Annotationen sollten kompakt sein. Lange Texte im <rt> Element können das Layout stören und die Lesbarkeit verschlechtern.

<!-- Nicht optimal: zu lange Annotation -->
<ruby>猫<rt>Eine kleine, domestizierte Katze</rt></ruby>

<!-- Besser: kurze Annotation -->
<ruby>猫<rt>ねこ</rt></ruby>

Fehlende Zuordnung zwischen Basis und Annotation

Jedes <rt> Element sollte eindeutig einem Basistext zugeordnet sein. Vermeide mehrdeutige Strukturen, die unklar machen, zu welchem Zeichen die Annotation gehört.

<!-- Unklar: welche Annotation gehört wohin? -->
<ruby>東京<rt>とうきょう</rt></ruby>

<!-- Klar: jedes Zeichen hat seine Annotation -->
<ruby>東<rt>とう</rt>京<rt>きょう</rt></ruby>

Das rt-Element wird von allen modernen Browsern unterstützt und ist seit HTML5 Standard.

• Chrome

  Komplett

• Firefox

  Komplett

• Safari

  Komplett

• Edge

  Komplett

• Opera

  Komplett

Ruby-Annotationen werden in E-Mail-Clients nur eingeschränkt unterstützt. Der Inhalt bleibt lesbar, die Formatierung kann aber verloren gehen.

• Gmail

  Teilweise

  Zeigt Text, aber ohne Ruby-Formatierung

• Outlook

  Keine

  Ignoriert Ruby-Markup komplett

• Apple Mail

  Teilweise

  Grundlegende Ruby-Unterstützung

• Thunderbird

  Teilweise

  Zeigt Basis und Annotation als Inline-Text

• Yahoo Mail

  Keine

  Keine Ruby-Unterstützung