Re: [i18n-drafts] [articles/ruby/markup] Are there uses for <ruby> that don't involve language annotations? (#265)

I found two examples in the W3C Ruby Annotation from 2001 (last updated 2008) that aren't pronunciation annotations. One of them is [an abbreviation](https://www.w3.org/TR/ruby/#fig1.4) and the other is [a date](https://www.w3.org/TR/ruby/#fig1.9).

Date example screenshot:

![Screenshot 2020-09-19 164641](https://user-images.githubusercontent.com/10157193/93690549-24101800-fa9f-11ea-94b2-67a122824de0.png)

Abbreviation example screenshot:

![ruby-en-ex](https://user-images.githubusercontent.com/10157193/93690550-2a05f900-fa9f-11ea-9435-f7412622ee8a.gif)

(For abbreviations I would most likely use `<abbr>` instead of `<ruby>`, but the default styles and UX for `<abbr>` and `<ruby>` are very different, and so determining which tag is "better" might depend on the context in which the abbreviation is being used.)

Anyway, because the original recommendation has these examples, I now think using `<ruby>` to annotate phone numbers is a valid use case, and I think it would be helpful to add some examples to the Ruby Markup page that show the annotation of things besides word pronunciation.

However, the markup I originally proposed isn't ideal in terms of accessibility. Because I annotated each individual letter, screen reader users will probably hear something like "F3L5O6W9E3R7S7" or worse.

So here are two improved versions of the markup, and I'm not sure which is better, but they're definitely better than the original:

```
<p>1‒800‒<ruby>FLOWERS<rt>356‒9377</rt></ruby></p>
<p><ruby>1‒800‒FLOWERS<rt>1‒800‒356‒9377</rt></ruby></p>
```

Screenshots, with minimal styling applied:

![Screenshot 2020-09-19 171248](https://user-images.githubusercontent.com/10157193/93690552-312d0700-fa9f-11ea-9130-f1e8486564a8.png)

Actually, the `<rp>` tag should be used, too:

```
<p>1‒800‒<ruby>FLOWERS<rp> (</rp><rt>356‒9377</rt><rp>)</rp></ruby></p>
<p><ruby>1‒800‒FLOWERS<rp> (</rp><rt>1‒800‒356‒9377</rt><rp>)</rp></ruby></p>
```

-- 
GitHub Notification of comment by LordPachelbel
Please view or discuss this issue at https://github.com/w3c/i18n-drafts/issues/265#issuecomment-695363781 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 19 September 2020 22:46:33 UTC