Archive index

A11y Slackers Gitter Channel Archive 23rd of January 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Jan 23 02:21
    [cameron] hi friends!
  2. [cameron] do we know of CSS frameworks focused on legibility?
  3. [cameron] maybe a bootstrap redux or the like?
  4. [cameron] maybe https://github.com/paypal/bootstrap-accessibility-plugin?
  5. zakim-robot
    @zakim-robot
    Jan 23 04:13
    [nschonni] what do you consider "legibility"? Font size, kerning ...
  6. powrsurg
    @powrsurg
    Jan 23 14:02
    Personally, whenever I want to make things legible I simply add : <font style="font-family: 'Comic Sans MS'; letter-spacing: -1em;">Haters gotta hate</font>
  7. :)
  8. Job van Achterberg
    @jkva
    Jan 23 14:28
    Heh, IRCCloud web interface renders "Comic Sans" in that typeface
  9. Screenshot The word "Comic Sans" being rendered in Comic Sans typeface https://usercontent.irccloud-cdn.com/file/STUIYP9e/
  10. powrsurg
    @powrsurg
    Jan 23 14:44
    beautiful
  11. zakim-robot
    @zakim-robot
    Jan 23 16:25
    [melsumner] Survey: do you put a (dotted-border) around the checkbox + label or just the checkbox?
  12. zakim-robot
    @zakim-robot
    Jan 23 16:46
    [car] @melsumner Browsers (Chrome/FF - didn't try Safari) just put it around checkbox, but now that you mention it, I rather like the idea of putting it around checkbox + label.
  13. Mallory
    @StommePoes
    Jan 23 16:46
    I've never added focus styles to the label except sometimes a colour change, usually mimicking the link style. I think it's a good idea to make a larger visible focus area though (such as a border). I would possibly either use outline instead of border OR have a transparent border first, otherwise stuff might jump as it gets and loses focus.
  14. zakim-robot
    @zakim-robot
    Jan 23 16:48
    [melsumner] @car I just read it in a book when I was looking for something else- I've also only done focus on the interactive element itself and not included the label, but suddenly it seems like, "oh that might make the whole thing a bit easier to use really"
  15. [car] Agreed. Maybe it should go into the cognitive recommendations/guidelines.
  16. [car] https://www.w3.org/WAI/PF/cognitive-a11y-tf/
  17. zakim-robot
    @zakim-robot
    Jan 23 17:21
    [maya] Card pattern
  18. [maya] Essentially, the entire card is a link.
  19. James Nurthen
    @jnurthen
    Jan 23 17:25
    @maya. Personally I just add a click event handler on the whole card but don't make it a tab stop and then just focus on the real link for keyboard/screen reader users.
  20. just treat the click event handler as a redundant way of doing the same thing as the link
  21. zakim-robot
    @zakim-robot
    Jan 23 17:30
    [marcysutton] +1 to what James said!
  22. zakim-robot
    @zakim-robot
    Jan 23 17:38
    [melsumner] Wow that's a whole level up right there.
  23. [jbuller] I’ve read various articles on open vs closed captions, but none have spoken of adding both, perhaps using closed additionally for audio-description ? It’d take longer sure. Ideally you’d avoid them overlaying each other too. But you’d get the benefit of SEO and always on. Thoughts?
    In my case the videos would be played only inside an English speaking organisation,
  24. [maya] Thank you, James and @marcysutton! That’s really helpful
  25. James Nurthen
    @jnurthen
    Jan 23 17:41
    how does that get you any SEO benefit? I'm not sure I see it
  26. powrsurg
    @powrsurg
    Jan 23 17:44
    By open captions do you just mean a transcript of the audio? Something non-timed?
  27. James Nurthen
    @jnurthen
    Jan 23 17:44
    I thought open captions were captions that are "always on"
  28. Michael Fairchild
    @mfairchild365
    Jan 23 17:45
    I had that understanding too (open captions are "always on" while closed captions can be toggled on/off)
  29. zakim-robot
    @zakim-robot
    Jan 23 18:45

    [karlgroves] > I had that understanding too (open captions are "always on" while closed captions can be toggled on/off)

    Correct

  30. James Nurthen
    @jnurthen
    Jan 23 19:35
    in light of things coming out of washington do we have to make text alternatives not be the same as the thing they represent?
  31. zakim-robot
    @zakim-robot
    Jan 23 19:37
    [karlgroves] “alternative text"
  32. zakim-robot
    @zakim-robot
    Jan 23 20:18
    [jiatyan] Has anyone heard of a widget by https://userway.org/? Isn't it replicating OS functionalities?
  33. [jbuller] "...closed captions places responsibility on the user to understand how to turn captions on, So that the user isn't faced with this burden, some people argue in favor of delivering video products with open captions. Open captions are an actual part of the video stream, whereas closed captions exist as a separate text stream. If captions are preserved as text, users potentially can archive and index video content and allow users to search for specific video content within these archives; this ability is lost with open captions. Also, open captions, unlike closed captions, are subject to loss of quality when the encoded video is compressed."
  34. Mallory
    @StommePoes
    Jan 23 21:18
    open captions are a pain when you're mixing langauges
  35. zakim-robot
    @zakim-robot
    Jan 23 21:19
    [spell] Hey all, any tools out there to test a gif or video for epilepsy?
  36. Mallory
    @StommePoes
    Jan 23 21:19
    Like, some Italian makes an Italian film where a character speaks Russian so they open-caption (in Italian because Italian audience) what the Russian said, in Italian. Now an English-speaking audience watches the film and they'll have their English layered on top of the Italian, taking up all space
  37. Bruce Lawson has this still pic of a LSD cat that can make anyone seize
  38. zakim-robot
    @zakim-robot
    Jan 23 21:20

    [karlgroves] > open captions are a pain when you're mixing langauges

    +1 you can offer captions/ subtitles in multiple languages in HTML5 video

  39. [conley] @spell I follow the rule that any and all animations should be under 5 seconds
  40. [spell] The rule is 3x per second, right? That could cause issues, right?
  41. [conley] Sounds about right to me
  42. Mallory
    @StommePoes
    Jan 23 21:22
    3 times a second or faster, but those aren't the only triggers
  43. also red on blue, or colours that do that "jump"
  44. zakim-robot
    @zakim-robot
    Jan 23 21:23
    [conley] https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html
  45. James Nurthen
    @jnurthen
    Jan 23 21:23
    Trace has one Called PEAT
  46. http://trace.umd.edu/peat
  47. zakim-robot
    @zakim-robot
    Jan 23 21:24
    [spell] I tried to install that, but demo expired and was told to download a new version, however, no new version to be found.
  48. Mallory
    @StommePoes
    Jan 23 21:25
    https://en.wikipedia.org/wiki/Chromostereopsis we check for these when we're checking for flashes and blinks
  49. We also had a situation once where we got flashes, caused by page load.
  50. Parts of the page would load and each new loaded layer would be an alternate colour. The effect was a flash.
  51. zakim-robot
    @zakim-robot
    Jan 23 21:25
    [spell] That's really interesting about page load.
  52. James Nurthen
    @jnurthen
    Jan 23 21:26
    They are moving at the moment. I think it will be back soon
  53. zakim-robot
    @zakim-robot
    Jan 23 21:27
    [spell] Oh, that's good to know. Thank you, @jamesn.
  54. James Nurthen
    @jnurthen
    Jan 23 21:30
    We were just discussing what to call "old 508" when we refer to it. Any ideas? 508 classic?
  55. zakim-robot
    @zakim-robot
    Jan 23 21:31
    [spell] Ha...yeah, I like that Classic ASP...Classic 508
  56. Mallory
    @StommePoes
    Jan 23 21:33
    Appendix D?
  57. since that's where they're stuffing it
  58. zakim-robot
    @zakim-robot
    Jan 23 21:34
    [spell] Will the old 508 be obsolete?
  59. Mallory
    @StommePoes
    Jan 23 21:34
    History is now permanently broken up into preTrump era and postTrump era. Like kids'll say "my Granddad is from before Trump". You could call it the pretrumpian 508.
  60. Yeah but they're keeping it in Appendix D for referencing, checking compliance of legacy stuff that claimed it was compliant at the time and you're checking it
  61. zakim-robot
    @zakim-robot
    Jan 23 21:35
    [spell] Ah, gotcha.
  62. [spell] Well, in regards to new work, and the behind the times client, I will likely just refer to it as that. Obsolete.
  63. [spell] 508solete
  64. [spell] Heh
  65. Michael Fairchild
    @mfairchild365
    Jan 23 21:38
    alternative 508
  66. Mallory
    @StommePoes
    Jan 23 21:39
    Question, should ESC be able to close an alertdialog or must the user either pick a control inside or close the browser tab?
  67. I usually mentally pair a close button and the esc key, but not sure here, I don't see it mentioned in the authoring practices for alert-dialog
  68. sorry, I was reading spec, not authoring practices
  69. zakim-robot
    @zakim-robot
    Jan 23 22:04
    [spell] Ugh, is there any way to kill image preview on Slack. Sorry about that.
  70. James Nurthen
    @jnurthen
    Jan 23 22:04
    a few others we came up with "AOL-era 508", "508 Me"
  71. Mallory
    @StommePoes
    Jan 23 22:06
    My508
  72. zakim-robot
    @zakim-robot
    Jan 23 22:13
    [karlgroves] "508 Me” looooooooooool
  73. [spell] 5No8
  74. Job van Achterberg
    @jkva
    Jan 23 22:57
    5-old-8?
  75. zakim-robot
    @zakim-robot
    Jan 23 22:58
    [karlgroves] 5-0-wait (credit Billy Gregory)
  76. Job van Achterberg
    @jkva
    Jan 23 23:01
    Then what's the current one? 5-0-late?
  77. zakim-robot
    @zakim-robot
    Jan 23 23:01
    [karlgroves] 5-old-8 is the old one
    5-0-wait is the refresh
  78. zakim-robot
    @zakim-robot
    Jan 23 23:31
    [caesar] 508.1!
  79. [caesar] Or should that be 508 1.0?
  80. [caesar] And the current one 508 2.0? That way it matches WCAG, LOL