Archive index

A11y Slackers Gitter Channel Archive 4th of May 2016

What fresh hell is THIS now? - Patrick Lauke
  1. Michiel Bijl
    @MichielBijl
    May 04 00:06
    Alice: what is the question?
  2. Michiel Bijl
    @MichielBijl
    May 04 00:07
    I'll try to reply in morn.
  3. zakim-robot
    @zakim-robot
    May 04 00:14
    [alice] MichielBijl: Thanks! Was curious if there was a pattern around somewhere for "drop down list" - not quite a menubutton, not quite a combobox
  4. zakim-robot
    @zakim-robot
    May 04 00:24
    [michiel] Like a <select>?
  5. zakim-robot
    @zakim-robot
    May 04 00:24
    [nschonni] what's the difference between a "drop down list" and a <select>?
  6. zakim-robot
    @zakim-robot
    May 04 00:26
    [alice] Yep, like a select
  7. zakim-robot
    @zakim-robot
    May 04 00:29
    [michiel] Not sure, will look tomorrow :) Will also file a bug if it isn't there.
  8. zakim-robot
    @zakim-robot
    May 04 00:33
    [alice] @michiel Wonderful, thanks!
  9. zakim-robot
    @zakim-robot
    May 04 00:33
    [alice] Also wow you sure are on both slack and gitter :p
  10. zakim-robot
    @zakim-robot
    May 04 00:34
    [michiel] I use IRCCloud to connect to both ;)
  11. zakim-robot
    @zakim-robot
    May 04 00:35
    [alice] very nice
  12. zakim-robot
    @zakim-robot
    May 04 00:42
    [cordelia] @alice, a listbox?
  13. zakim-robot
    @zakim-robot
    May 04 00:45
    [alice] @cordelia: a listbox would be part of it, but the listbox pattern seems to be more like select[size]
  14. zakim-robot
    @zakim-robot
    May 04 00:45
    [alice] i.e. no concept of expanded/collapsed
  15. zakim-robot
    @zakim-robot
    May 04 00:49
    [cordelia] ooh i see
  16. zakim-robot
    @zakim-robot
    May 04 00:52
    [nschonni] not suggesting it as a pattern, but you're talking this style https://getbootstrap.com/javascript/#dropdowns
  17. zakim-robot
    @zakim-robot
    May 04 01:23
    [alice] @nschonni: Yeah close, but I'd consider those menu buttons
  18. zakim-robot
    @zakim-robot
    May 04 01:23
    [alice] Since the items are actions rather than options
  19. zakim-robot
    @zakim-robot
    May 04 01:23
    [alice] I don't know how much difference these split hairs make :)
  20. zakim-robot
    @zakim-robot
    May 04 01:24
    [nschonni] yeah, the Bootstrap ones are definitely presented as a mid-page menu
  21. zakim-robot
    @zakim-robot
    May 04 04:06
    [alice] @jnurthen Much like that, yeah
  22. James Nurthen
    @jnurthen
    May 04 04:07
    @alice tell me what we have messed up :)
  23. James Nurthen
    @jnurthen
    May 04 04:08
    i'm going to watch the 2nd half of the game with a glass of wine
  24. Job van Achterberg
    @jkva
    May 04 07:42
    Quiet here today
  25. zakim-robot
    @zakim-robot
    May 04 08:05
    [dean] I don’t know if you caught this on twitter - https://twitter.com/tuukkao/status/727520425354383360 - Slack responding to say that it is a ‘big priority for us’, and they are working on making Slack ‘better and more accessible very soon’.
  26. Mallory
    @StommePoes
    May 04 08:23
    Yeah Dean we were kinda sniggering earlier
  27. Mallory
    @StommePoes
    May 04 08:23
    see @karlgroves' remarks on fart cloud emojis
  28. Mallory
    @StommePoes
    May 04 08:23
    But also: Steve S feels he uses it ok and offers to help any blinks running into trouble with Slack
  29. Mallory
    @StommePoes
    May 04 08:23
    I'm kinda curious what his methods are, since i can't get it to work hardly at all with keyboard
  30. Mallory
    @StommePoes
    May 04 08:24
    maybe it works better with an SR than keyboard alone
  31. zakim-robot
    @zakim-robot
    May 04 08:56
    [michiel] Alice: “A listbox that allows a single option to be chosen is a single-select listbox; one that allows multiple options to be selected is a multi-select listbox.”
  32. zakim-robot
    @zakim-robot
    May 04 08:56
  33. zakim-robot
    @zakim-robot
    May 04 08:56
    [michiel] Mind you that there is a review of that section pending :)
  34. Job van Achterberg
    @jkva
    May 04 12:22
    Planning to give an ally talk varying from 30 to 60 minutes, audience of mostly backend developers. Trying to find a good balance between the social and technical aspects of web accessibility.
  35. Job van Achterberg
    @jkva
    May 04 12:34
    ++, thanks for the ammo there
  36. Mallory
    @StommePoes
    May 04 12:36
    note they are waiting for android tests before just ripping it from android... smart
  37. zakim-robot
    @zakim-robot
    May 04 13:40
    [skerrvy] I'm having a bit of an issue with understanding WCAG 2.2.2 (pause, stop, hide). A client is arguing that background videos - such as the one on airbnb.com are accessible and not in the need of a pause/stop/hide button. Part of their argument is saying that the video they plan to use is 'pure decoration' and not conveying any information (similar to the definition of pure decoration as it relates to non-text content in 1.1.1). The 'Understanding SC 2.2.2' criteria defines states that this applies to 'information' and nothing about 'pure decoration'. It's also worth noting that they're interested in being 'legally accessible' rather than actually accessible. Is anyone able to give me any guidance or resources that might help the accessibility argument? Sorry for the essay!
  38. Mallory
    @StommePoes
    May 04 14:09
    vestibular disorder
  39. Mallory
    @StommePoes
    May 04 14:09
    dysexia
  40. Mallory
    @StommePoes
    May 04 14:09
    traumatic brain injury
  41. Mallory
    @StommePoes
    May 04 14:09
    autism
  42. Mallory
    @StommePoes
    May 04 14:10
    these can all be affected adversely by randomly-playing, unstoppable videos.
  43. Mallory
    @StommePoes
    May 04 14:10
    If it's just decoration, then there should be no problem in adding an OFF button.
  44. Mallory
    @StommePoes
    May 04 14:10
    Esp since people seem to love adding that crap behind text.
  45. Mallory
    @StommePoes
    May 04 14:10
    I've got links and a video for the vestibular disorder thing
  46. Mallory
    @StommePoes
    May 04 14:11
    movement makes them spew
  47. Mallory
    @StommePoes
    May 04 14:11
    oh add epilepsy and migraines to the above.. they aren't necessarily caused by moving stuff, but in some individuals it can
  48. Mallory
    @StommePoes
    May 04 14:12
    http://vestibul ar.org/understanding-vestibular-disorder, video https://www.youtube.com/watch?v=QhnIZh0xwk0
  49. zakim-robot
    @zakim-robot
    May 04 14:13
    [skerrvy] I agree... I've pointed out these issues to them and they're more concerned about the WCAG requirement than the users that it concerns. 'AA' compliance is required by law and that's where they're arguing - I'm hoping there might be something in the WCAG that I could use to convince them as well. I'm preparing a document with all of these concerns trying to argue the point. I'd love to share these videos and any other resources as well. Thanks!
  50. Mallory
    @StommePoes
    May 04 14:14
    Yeah the legal accessibility will depend on where the company is vested and wether it matters if someone files a complaint.
  51. Mallory
    @StommePoes
    May 04 14:14
    The latter offers some tricks you might be able to sneak in as a webdev under their noses
  52. zakim-robot
    @zakim-robot
    May 04 14:14
    [skerrvy] my worry is that the WCAG doesn't explicitly define that the 2.2.2 criteria applies to content that does not contain information.
  53. zakim-robot
    @zakim-robot
    May 04 14:15
    [skerrvy] awesome. Thank you!
  54. Mallory
    @StommePoes
    May 04 14:15
    And that might be a good point to add to those revisiting WCAG... because what if the content is accessible but it causes people to puke and have migraines due to medical conditions or epilepsy?
  55. Mallory
    @StommePoes
    May 04 14:15
    Though the 3-times-a-second flashing bit notably doesn't mention content
  56. Mallory
    @StommePoes
    May 04 14:15
    since if it's anywhere it can cause issues
  57. Mallory
    @StommePoes
    May 04 14:16
    WCAG has a lack of a lot of cognitive-related statements as well
  58. zakim-robot
    @zakim-robot
    May 04 14:16
    [skerrvy] is there a place I could propose that? I saw the information mentioned earlier about submitting a technique, but is there a channel I could use to propose some semantic reqording?
  59. zakim-robot
    @zakim-robot
    May 04 14:16
    [skerrvy] *rewording
  60. Mallory
    @StommePoes
    May 04 14:17
    If you are able to stroll up through history
  61. Mallory
    @StommePoes
    May 04 14:17
    Jnurthen explains to FionaHolder how to do that
  62. Mallory
    @StommePoes
    May 04 14:17
    it was just yesterday I believe
  63. Mallory
    @StommePoes
    May 04 14:17
    they had a whole convo and he posted links.
  64. Mallory
    @StommePoes
    May 04 14:18
    about contributing to WCAG etc.
  65. zakim-robot
    @zakim-robot
    May 04 14:19
    [skerrvy] I saw that - I was concerned it was related more to submitting a technique but either way it's a step in the right direction. Thanks a lot for your help!
  66. Mallory
    @StommePoes
    May 04 14:19
    yeah it's all sorts of things
  67. powrsurg
    @powrsurg
    May 04 14:54
    Looking at the airbnb site it appears that they are using a fade effect to transition the images, not some sliding thing. From what I've looked up about vestibular disorders they are not triggered by fades, but by motion (things sliding up/down/left/right, or zooming in/out).
  68. powrsurg
    @powrsurg
    May 04 14:55
    That's why when I recently built a memory game for my own pleasure I added controls that let people change the animation style, but defaulted to a fade effect of a slide method.
  69. zakim-robot
    @zakim-robot
    May 04 14:55
    [skerrvy] woah. they changed it in the last half hour. It was using some heavy background video earlier.
  70. Peter Rushforth
    @prushforth
    May 04 14:56
    Isn't that the beauty of the Web.
  71. powrsurg
    @powrsurg
    May 04 14:57
    heh, sites do that
  72. powrsurg
    @powrsurg
    May 04 14:57
    I saw a site recently that was doing a full on heavy video for a background. That seemed like a dramatic waste of bandwidth.
  73. powrsurg
    @powrsurg
    May 04 14:58
    But hey, point that out to your client that they changed it and suggest your argument for a reason why they may have done that.
  74. powrsurg
    @powrsurg
    May 04 14:58
    I'd imagine that probably killed their conversion rate too.
  75. zakim-robot
    @zakim-robot
    May 04 15:00
    [skerrvy] I checked with some colleagues and it appears to be an A/B test. 50% are getting image fades, 50% background video. This could also be a technique to limit the bandwidth load that videos would take.
  76. Mallory
    @StommePoes
    May 04 15:02
    If blocking javascript would block that annoying crap in the back, I would so block it. But they built with React so the search would break.
  77. Mallory
    @StommePoes
    May 04 15:02
    NoScript lets you block <video> elements tho
  78. Mallory
    @StommePoes
    May 04 15:02
    : )
  79. Mallory
    @StommePoes
    May 04 15:04
    I'm getting the fades now too, but it's fading behind text. LIVE THERE
    Book homes from local hosts in 191+ countries and experience a place like you live there. <-- this needs to be readable without BS behind it, both for distraction and contrast reasons.
  80. Mallory
    @StommePoes
    May 04 15:04
    WCAG at least covers contrast.
  81. powrsurg
    @powrsurg
    May 04 15:06
    how were you determining the A/B test thing?
  82. Mallory
    @StommePoes
    May 04 15:09
    My Windows machine gets the Twitter moments, and my Linux machine doesn't. Funneh.
  83. zakim-robot
    @zakim-robot
    May 04 15:10
    [skerrvy] I tested it in three browsers and got image slideshows in all three. I went over to two coworkers and had them bring up the site - one had the video loading in chrome, slideshow in canary. The other had slideshow in chrome. I am now getting video in canary.
  84. Mallory
    @StommePoes
    May 04 15:11
    I'm on chromium-linux and getting the slideshow
  85. powrsurg
    @powrsurg
    May 04 15:11
    I just refreshed and I got the video
  86. Mallory
    @StommePoes
    May 04 15:12
    epiphany firefox giving me slideshows
  87. Mallory
    @StommePoes
    May 04 15:12
    You see this stuff a lot on booking.com
  88. Mallory
    @StommePoes
    May 04 15:12
    They seem to think all user testing can be A/B.
  89. powrsurg
    @powrsurg
    May 04 15:14
    For the love of ... one of the videos was 15.3 MB
  90. Mallory
    @StommePoes
    May 04 15:15
    People on data plans should get paid to visit those sites
  91. Job van Achterberg
    @jkva
    May 04 15:15
    Small video's don't delight, duh
  92. Mallory
    @StommePoes
    May 04 15:15
    ENTERTAIN AND DELIGHT THE USER
  93. zakim-robot
    @zakim-robot
    May 04 15:15
    [alice] @michiel: Doesn't mention anything about the expand/collapse affordance though
  94. Mallory
    @StommePoes
    May 04 15:16
    I'm wondering if the input+datalist setup has that state
  95. Job van Achterberg
    @jkva
    May 04 15:16
    ARE YOU NOT ENTERTAINED
  96. Mallory
    @StommePoes
    May 04 15:16
    but then I think the datalist gets listbox role right?
  97. zakim-robot
    @zakim-robot
    May 04 15:16
    [skerrvy] I have devtools disabling cache when its open. I accidentally left their site open and had used over 1GB of data by the time I realized it.
  98. Mallory
    @StommePoes
    May 04 15:17
    Well, AirBnB isn't a site where poor people in non-Western countries visit to find places to crash. It's for fat-piped high-end-hardwared Western folks on unlimited data plans in large cities
  99. Mallory
    @StommePoes
    May 04 15:17
    Though I wonder if they send less crap to mobiles, that's possible.
  100. zakim-robot
    @zakim-robot
    May 04 15:18
    [skerrvy] I'm in Canada, so it's third world in the data sense.
  101. zakim-robot
    @zakim-robot
    May 04 15:18
    [feather] @skerrvy: Yeah, that.
  102. Mallory
    @StommePoes
    May 04 15:18
    Lots of places in the US and Europe are as well.
  103. Mallory
    @StommePoes
    May 04 15:19
    My colleagues in Denver don't seem to realise that in Europe we have public transport, and it does have wifi, but it is crappy.
  104. Mallory
    @StommePoes
    May 04 15:19
    And everyone internets on the trains
  105. Mallory
    @StommePoes
    May 04 15:19
    poorly, but they do it
  106. zakim-robot
    @zakim-robot
    May 04 15:19
    [feather] @skerrvy where are you located?
  107. zakim-robot
    @zakim-robot
    May 04 15:19
    [skerrvy] Toronto
  108. zakim-robot
    @zakim-robot
    May 04 15:19
    [feather] Ah, cool :)
  109. zakim-robot
    @zakim-robot
    May 04 15:19
    [feather] Ottawa, myself.
  110. powrsurg
    @powrsurg
    May 04 15:20
    lean websites have better conversion. A designer's wow factor rarely impresses users and often hurts conversion
  111. powrsurg
    @powrsurg
    May 04 15:20
    and just because you see other people doing something doesn't mean it's actually smart to do
  112. powrsurg
    @powrsurg
    May 04 15:21
    "let's put a slideshow on our home page because everyone else has one." "why is our conversion rate down?"
  113. zakim-robot
    @zakim-robot
    May 04 15:21
    [skerrvy] I'd love to share the document I've been working on once it's finalized. I try to break the topic down to who it affects, costs/benefits (including conversion, performance, accessibility), the WCAG criteria that needs to be met and advice on if you still want to go through with it.
  114. zakim-robot
    @zakim-robot
    May 04 15:22
    [skerrvy] I have enjoyed the performance based case studies mentioned on this site, and I hope it speaks loudly to those considering it. https://wpostats.com/
  115. zakim-robot
    @zakim-robot
    May 04 15:49
    [marcysutton] Really interesting conversation in here today :100:
  116. zakim-robot
    @zakim-robot
    May 04 15:49
    [marcysutton] 1MB+ videos for decoration :(
  117. Mallory
    @StommePoes
    May 04 15:58
    THE PRETTY. IT SHALL DELIGHT AND ENTERTAIN. UPON PENALTY OF DEATH. OR WE'LL JUST ASSIGN YOU TO THE IE8 BUGS TEAM
  118. Mallory
    @StommePoes
    May 04 15:59
    I want to hear that in teh voice of the big heads in the sky from rick and morty
  119. zakim-robot
    @zakim-robot
    May 04 16:37
    [alice] @michiel <select> seems to be presented as a pop-up button/menu FWIW
  120. zakim-robot
    @zakim-robot
    May 04 16:37
    [alice] at least in VO with Safari/Chrome
  121. James Nurthen
    @jnurthen
    May 04 17:22
    @alice it is meant to do whatever combo box does according to https://www.w3.org/TR/html-aam-1.0/#mapping-html-to-accessibility-apis
  122. James Nurthen
    @jnurthen
    May 04 17:23
    and that is meant to map to AXRole: AXComboBox
    AXSubrole: <nil>
    AXRoleDescription: 'combo box'
  123. zakim-robot
    @zakim-robot
    May 04 17:28
    [alice] @jnurthen I think that's wrong - combo box should include a text field
  124. Mallory
    @StommePoes
    May 04 17:36
    the default for a select is listbox.
  125. Mallory
    @StommePoes
    May 04 17:37
    https://www.w3.org/TR/html5/forms.html#the-select-element if this is not out of date, who freakin knows...
  126. James Nurthen
    @jnurthen
    May 04 17:39
    that certainly doesn't seem consistent with the HTML AAM
  127. Mallory
    @StommePoes
    May 04 17:40
    Maybe something got lost in translation.
  128. zakim-robot
    @zakim-robot
    May 04 17:41
    [alice] for select[size>1] listbox is right
  129. zakim-robot
    @zakim-robot
    May 04 17:41
    [alice] (I know that's not a usable selector, bear with me)
  130. James Nurthen
    @jnurthen
    May 04 17:42
    @alice - yeah... That is what the AAM says (select (with a multiple attribute or size attribute having value greater than 1) -> listbox
  131. James Nurthen
    @jnurthen
    May 04 17:43
    then it says: select (with NO multiple attribute and NO size attribute having value greater than 1) -> combobox
  132. zakim-robot
    @zakim-robot
    May 04 17:43

    [jitendra] I guess there are mainly these two types of
    1) For people who can write accessible code (html/css/js)
    2) People who can find accessibility problems in code written by others

    Is there any other kind of full time or freelance which doesn’t both above skills in one person?

  133. zakim-robot
    @zakim-robot
    May 04 17:43
  134. zakim-robot
    @zakim-robot
    May 04 17:43
    [alice] @jnurthen Right, combobox doesn't seem right to me
  135. James Nurthen
    @jnurthen
    May 04 17:43
    yeah - but what is it?
  136. zakim-robot
    @zakim-robot
    May 04 17:44
    [alice] drop-down list :)
  137. James Nurthen
    @jnurthen
    May 04 17:44
    The platform APIs do map the 2 things differently as far as I'm aware
  138. James Nurthen
    @jnurthen
    May 04 17:44
    I know Matt was having a discussion about this in the aria call last week
  139. zakim-robot
    @zakim-robot
    May 04 17:45
    [alice] Yep, they do
  140. James Nurthen
    @jnurthen
    May 04 17:47
    @alice - not sure if you have seen matts proposals for changes to combobox - http://rawgit.com/w3c/aria/action1490-combobox/aria/aria.html#combobox
  141. Mallory
    @StommePoes
    May 04 17:48
    @jitendra a colleague of mine (who is leaving Friday :( is mostly #2 only, though she wanted to learn more about code so she could give better answers to developers.
  142. zakim-robot
    @zakim-robot
    May 04 17:51
    [alice] @jnurthen That looks good
  143. James Nurthen
    @jnurthen
    May 04 17:52
    @alice does it help or is it totally irrelevant?
  144. zakim-robot
    @zakim-robot
    May 04 17:54
    [alice] @jnurthen it concurs with my feeling that a combobox is not the same as a select?
  145. James Nurthen
    @jnurthen
    May 04 17:55
    you want to log an issue?
  146. James Nurthen
    @jnurthen
    May 04 17:55
    probably against the AAM in that case
  147. James Nurthen
    @jnurthen
    May 04 17:58
    I see Matt has already logged it - w3c/aria#359
  148. zakim-robot
    @zakim-robot
    May 04 18:00
    [alice] listbox doesn't seem right for size=1 though
  149. zakim-robot
    @zakim-robot
    May 04 18:00
    [alice] unless listbox can be expanded/collapsed
  150. zakim-robot
    @zakim-robot
    May 04 18:02
    [alice] looks like it supports `aria-expanded
  151. zakim-robot
    @zakim-robot
    May 04 18:02
    [alice] so is a <select> just "listbox collapsed"?
  152. zakim-robot
    @zakim-robot
    May 04 18:02
    [alice] Or is it a pop-up button plus a listbox?
  153. James Nurthen
    @jnurthen
    May 04 18:02
    i'm really not sure. I guess it could be either
  154. James Nurthen
    @jnurthen
    May 04 18:03
    i think its probably one of these things that gets mapped very differently on different platforms
  155. James Nurthen
    @jnurthen
    May 04 18:03
    which makes writing an aria pattern super hard
  156. zakim-robot
    @zakim-robot
    May 04 18:05
    [alice] yes :(
  157. Mallory
    @StommePoes
    May 04 18:07
    some systems call it a combobox by name
  158. Mallory
    @StommePoes
    May 04 18:07
    it confused me when I first heard it because as a developer, I call it a select
  159. James Nurthen
    @jnurthen
    May 04 18:10
    I just tested a select in FF+NVDA and it read it as a combo box
  160. zakim-robot
    @zakim-robot
    May 04 18:12
    [alice] interesting
  161. James Nurthen
    @jnurthen
    May 04 18:15
    JAWS+IE too
  162. James Nurthen
    @jnurthen
    May 04 18:15
    so it seems the windows mapping is indeed a combo box
  163. Mallory
    @StommePoes
    May 04 18:18
    Oh lemme see what sarko's dom inspector calls them in FF
  164. Mallory
    @StommePoes
    May 04 18:20
    yup FF calls it combobox there as well
  165. Mallory
    @StommePoes
    May 04 18:20
    (orca doesn't always match what ff says, like an svg with a role of diagram but orca calls it a graphic
  166. Mallory
    @StommePoes
    May 04 18:20
    )
  167. zakim-robot
    @zakim-robot
    May 04 18:23
    [jitendra] If I add an image to my tweet on twitter.com where is that new option to add Alt text to it?
  168. zakim-robot
    @zakim-robot
    May 04 18:23
    [jitendra] or was that released for mobile apps only?
  169. James Nurthen
    @jnurthen
    May 04 18:38
    mobile only IIRC
  170. zakim-robot
    @zakim-robot
    May 04 18:49
    [cordelia] @alice, I’ve had to made a custom select before and ended up using a combination of a pop-up button and a listbox.
  171. zakim-robot
    @zakim-robot
    May 04 19:03
    [alice] @cordelia: Awesome! Is that around somewhere?
  172. Job van Achterberg
    @jkva
    May 04 20:00
    Looking through the CSS1 spec. Those were simple times...
  173. zakim-robot
    @zakim-robot
    May 04 20:29
    [cordelia] @alice I don’t have a standalone example handy :(
  174. zakim-robot
    @zakim-robot
    May 04 20:31
    [cordelia] Untitled
  175. zakim-robot
    @zakim-robot
    May 04 22:10
    [nschonni] marcysutton: did you setup the invite bot for the channel?
  176. zakim-robot
    @zakim-robot
    May 04 22:12
    [marcysutton] @ryanflorence set up the Heroku app for that, is it not working?
  177. zakim-robot
    @zakim-robot
    May 04 22:12
    [nschonni] no, it's fine. I was just wondering which one it was because i need something similar
  178. zakim-robot
    @zakim-robot
    May 04 22:13
    [nschonni] and as far as i know, no one has complained about this one
  179. zakim-robot
    @zakim-robot
    May 04 22:28
    [marcysutton] I think it’s this one: https://github.com/rauchg/slackin
  180. zakim-robot
    @zakim-robot
    May 04 22:29
    [marcysutton] Slack filled their accessibility product manager position! :tada: hope to see a11y prioritized as much as emojis from now on (troll emoji) https://twitter.com/slackhq/status/727972046760771587
  181. zakim-robot
    @zakim-robot
    May 04 22:29
    [nschonni] thanks! i wasn't sure if it was that one or the Ruby one