Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Oct 19 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-18 (compare)

  • Oct 18 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-17 (compare)

  • Oct 17 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-16 (compare)

  • Oct 16 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-15 (compare)

  • Oct 15 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-14 (compare)

  • Oct 14 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-13 (compare)

  • Oct 13 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-12 (compare)

  • Oct 12 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-11 (compare)

  • Oct 11 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-10 (compare)

  • Oct 10 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-09 (compare)

  • Oct 09 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-08 (compare)

  • Oct 08 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-07 (compare)

  • Oct 07 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-06 (compare)

  • Oct 06 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-05 (compare)

  • Oct 05 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-04 (compare)

  • Oct 04 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-03 (compare)

  • Oct 03 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-02 (compare)

  • Oct 02 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-10-01 (compare)

  • Oct 01 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-09-30 (compare)

  • Sep 30 2017 01:01

    IanPouncey on gh-pages

    Add archive for 2017-09-29 (compare)

zakim-robot
@zakim-robot
[clairebones] @greg I think it’s fine to have them off by default, just be aware of your video player - not all players even have buttons for caption toggle. Also ideally give them access to a transcript of what’s said as well as the video
[greg] It's a Vimeo embed, so it's got the toggle
zakim-robot
@zakim-robot
[tink] There is no conformance requirement concerning the default state of captions, only that they are available.
zakim-robot
@zakim-robot
[elizabeth.schafer.wen] Does anyone have any other slack groups they really like? I’m terrible at finding them - I just found a design systems slack that’s apparently been around for years and is very relevant to my work, but I had no idea it existed and just came across it by accident. (I found this web-a11y slack by accident, too)
zakim-robot
@zakim-robot
[gabranski] We have a mobile website for our software. We use that as our accessible version. We are running into an issue where we wnat users that just use it for mobile to use it quicker. Have you seen it where there are two different versions? One for mobile one for accessible?
zakim-robot
@zakim-robot

[riley.macisaac] Weird question, but I'm trying to tell one of our copywriters that vestibular disorders do not fall under motor/cognitive.

I said it is its own category. Is that correct?

zakim-robot
@zakim-robot
[bcummings] I am trying to make a pop up modal on this website that advertises an event (i know I hate pop ups too). When the pop up opens the focus changes to the close button on the modal. But when the user closes it should return focus to where they left off. Since the pop up is triggered by a timer, not a user interaction is this even possible? Or is this a really good reason to give my marketing team that it can't be done?
zakim-robot
@zakim-robot
[info] you can do this technically yes. just bad UX all around. can cite https://www.w3.org/TR/WCAG21/#interruptions
[jason.w.heron] I'd ask your marketing team why they prefer a popup over something like a toast
[bcummings] I hate them too but they look at the analytics and think they are wonderful, not taking into account the number of people they've pissed off
zakim-robot
@zakim-robot
[jason.w.heron] you have my sympathies; there's only so much common sense you can inject into someone else's decisionmaking process.
zakim-robot
@zakim-robot
[jeribeth] I asked this in #tools the other day and thought maybe some more of you would have recommendations. I’m trying to find a good way to document WCAG issues on a website that I find from using automated and manual testing. For instance, I’m using the axe plugin and I find color contrast issues. I need a way to document the page URL, and WCAG requirement, and a potential fix for the issue for the client. I tried using and Excel spreadsheet for a past project and that is horrible when you get to 5000 lines of code issues :). Does anyone know of a good tool to help with documentation? I have what I need for the actual testing part. I’m looking into Paciello’s ARC and Tenon.io currently. Thanks!
zakim-robot
@zakim-robot
[ctc98] Hello! I currently work at Microsoft and I was accepted to present my work intersecting Hololens 2 and accessibility. Unfortunately I don’t have a ticket to Grace Hopper. Does anyone here have connections to someone who has tickets Grace Hopper? Thanks so much! :$
adampage
@adampage
Hi a11ySlackers, I just encountered an interesting behavior in an article on Apple’s support site and am wondering if it’s motivated by accessibility and worth imitating. At the top of the page, there are a collection of anchor links that scroll to sections further down the page. When I clicked one of them and arrived at the target section, I noticed a focus outline appear around the content. When I inspected the markup, I noticed that tabindex="-1" had dynamically been added to the target div. Here’s a quick video cap of the interaction:
Does anyone here know whether this kind of behavior is generally good practice for anchor links, and/or whether there’s an applicable WCAG guideline for it?
zakim-robot
@zakim-robot
[clottman] Axess Lab recommends it as well as a few other links I’ve seen; this is the one I could find though. https://axesslab.com/skip-links/
adampage
@adampage
@clottman thanks so much — reading the article now and it's super-helpful
zakim-robot
@zakim-robot
[greg] I just saw you’re not actually connected via the app, adampage, so you missed our sidebar lol
adampage
@adampage
@greg oops! yeah, I'm new to Gitter and haven't played with it too much yet :-) thanks for the alert, I'll get connected via the app and check out that sidebar...
zakim-robot
@zakim-robot
[greg] FYI, I’m referring to the Slack app, not Gitter
[greg] but that would save me time summarizing it for you lol
zakim-robot
@zakim-robot
[kivi] Adampage, we had to make the Slack group invitation-only to keep out spammers. To get an invitation, please send any of us your email address by direct message.
adampage
@adampage
got it — thanks, @kivi, will do
zakim-robot
@zakim-robot
[clottman] image.png
zakim-robot
@zakim-robot

[riley.macisaac] Curious if there is anything in the works for automated testing (like Axe for example) that flags issues in which there are focusable items inside of an element that is positioned off screen, but still accessible via keyboard/taborder.

Example: Mega menu has opacity 0, so is visually hidden but not hidden from screen readers or keyboard access.

Would be cool if that was flagged.

zakim-robot
@zakim-robot
[trey] Is there any sort of general source to reference with regards to font readability on a screen as it relates to size and color (text and text + background color)?
zakim-robot
@zakim-robot
[oliverwilliams345] We are having an accessibility week at work where we are trying to promote and educate around accessibility for our website. We're having a brainstorming session tomorrow to try to figure out what we are actually going to do - ie. print posters, have talks etc. Does anybody here have any suggestions?
zakim-robot
@zakim-robot
[gabranski] How is iOS standard calendar for accessibility? Does it work ok?
[gabranski] Would you say the standard iOS and Android calendars, scroll etc are the best?
zakim-robot
@zakim-robot
[shraddha.sqa] Hi everyone..question about required membership to enter the site. User cannot enter the site without sign up. Sign up screen opens up with visually hidden text to inform screen reader user that membership is required. But there is no visual indication that this is mandatory and user is not able to close or esc the modal. Any suggestions on this. Also can if i add "sign up to visit*" will this help. Will asterisk make it understand that this is required. Pls help. Thanks
zakim-robot
@zakim-robot

[tink] If membership is required, that text needs to be visible to everyone.

To indicate a field is required, you can use an asterisk (*) as part of the visible text label. You can also use the aria-required attribute (set to true) to reenforce the required state of the field to screen reader users.

Don't forget that the label for each field needs to be visible, and properly associated with the field in the code.

This is a good accessible forms tutorial:
https://webaim.org/techniques/forms/

Lastly, get rid of the modal if you can. No-one's going to like it much, and making modals accessible is painful.

[shraddha.sqa] Thanks for thr reply Leoniè. I cant change business requirement for modal. Also already added aria-required. Just not sure how to show this visually. Just wanted to make sure that visually adding asterisk will help.. appreciate your assistance :pray:
zakim-robot
@zakim-robot
[greg] I feel like ally.js does a good job of making modals accessible (I mean, on top of proper coding practices)
[shraddha.sqa] Thanks greg
zakim-robot
@zakim-robot

[drewwarrentiy] Can anyone explain to me

ARIA hidden element must not contain focusable elements

In terms of technical implementation of the solution, I think I understand. I could crawl through the DOM, find all children that are interactive and set the disabled property or some of the other suggestions from https://dequeuniversity.com/rules/axe/3.3/aria-hidden-focus?application=AxeChrome

But I don't quite understand why children of an element that is aria-hidden="true" would need to ALSO be set to disabled since they shouldn't be able to be reached by Assistive Technologies anyways. The "Why this is important" paragraph in that link describes that it is important but I'm not grasping the "why".

[scottohara] because aria-hidden="true" doesn’t remove a focusable element from the tab order
[scottohara] so while someone navigating by virtual cursor may not be able to reach it, someone navigating by Tab key would, and due to it being within an aria-hidden=true wrapper, they’d hear no announcement for the focus stop
zakim-robot
@zakim-robot
[alexyingchen] hey has anyone done deque training? what did you think? did you find it helpful? I am looking at the iOS training for our mobile dev team specifically https://dequeuniversity.com/curriculum/courses/ios
zakim-robot
@zakim-robot
[greg] So, I’m about to head out, and won’t be able to chime in to the responses for a bit, but… I was looking to recommend a visually hidden/screen reader only class to my team, something I thought had been tried and true, only to discover it was much less so, particularly thanks to everyone’s ~favorite~ screen reader, VoiceOver, doing things like trying to interpret intended content order for you…
[greg] That said, even the more standard methods seem to have some anomalies between them that I was hoping someone might be able to shed some light on, for example, some places use clip: rect(1px, 1px, 1px, 1px) while others use 0s, some use clip-path: inset(50%) while others use 100%. Is there any good source that breaks down the what and the why, particularly compared to others? I even saw one reference to setting top: auto because some browsers didn’t respect the left value without a top value.
zakim-robot
@zakim-robot
[hmig] Hi Folks - What is the link for newcomers to join this slack? It used to be http://web-a11y.herokuapp.com/, but that doesn’t seem to work.
zakim-robot
@zakim-robot
[apowell829] Thanks for the invite :$
zakim-robot
@zakim-robot
[karlgoldstraw] Has anyone heard of an assisted access device called ‘Virginia’?
zakim-robot
@zakim-robot

[gabranski] Question about the design/product manager role...

How is your product manager involved in the design? Do they approve designs from engineering, from design?

zakim-robot
@zakim-robot
[morganleekestner] Someone from my team sent this to me: https://www.equalweb.com/html5/?_id=8660&did=1116&G=8660
I’m hesitant to even say it’s good idea to have a feature app that helps make a site “more accessible”. My gut is no, but would like some weight to my response to the team member and/or hear other’s thoughts about this (good or not).
zakim-robot
@zakim-robot
[chinchang457] I have a post coming up on HTML & Accessibility. But before making public, I really want someone from the field of Web Accessibility to have a look. Would appreciate any help here. :pray::skin-tone-3: Please let me know and I’ll DM the link.
zakim-robot
@zakim-robot
[shraddha.sqa] Hi everyone, question on type ahead suggestions..screenreader is not announcing them infact saying "no search results" and visually there are search results. Please suggest. Thank you
zakim-robot
@zakim-robot
[greg] Is it just me, or does <aside> seem like it would be appropriate for usage with a toggle/tooltip?
zakim-robot
@zakim-robot
[cmegown] can anyone recommend an (even somewhat) accessible lightbox plugin? apparently it's "very important" the image open in a modal-carousel-thing (weary emoji)