Skip to content

Instantly share code, notes, and snippets.

@kosamari

kosamari/rubytag.html

Last active June 18, 2019 20:55
Show Gist options
  • Save kosamari/4faf99f76adf27c77a46f9be4cf3ce9e to your computer and use it in GitHub Desktop.
Save kosamari/4faf99f76adf27c77a46f9be4cf3ce9e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rubytag.html
<!-- This, screen reader reads the chinese character too like "chinese character ___, kan, chinese character___, ji" -->
<ruby>
漢<rp>(</rp><rt>Kan</rt><rp>)</rp>
字<rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
<!-- This, just reads "kan ji" -->
<ruby>
<span aria-hidden="true">漢</span> <rp>(</rp><rt>Kan</rt><rp>)</rp>
<span aria-hidden="true">字</span> <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
@To1ne
Copy link

To1ne commented Jun 18, 2019

Using <rb> instead of <span> seems more appropriate, but still good 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment