Archive index

A11y Slackers Gitter Channel Archive 14th of April 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Apr 14 09:02

    [kenc] Hi everyone! Ken here from Singapore!

    Just curious: What are the most popular/necessary tech stacks for a full stack web dev ensuring accessibility on their site? (The site I'm looking at is Tripadvisor-ish, altho I have no links with them) Basically a web catalog of information that can be filtered w/ crowd sourced reviews. Recommendations on your favourite languages for each function would be super helpful too!

    Apologies if this seems like a dumb question. More of a hardware guy trying to wet my feet and start learning web dev! Many thanks in advance!! :$

  2. Job van Achterberg
    @jkva
    Apr 14 11:42
    @kenc hi Ken, the stack itself shouldn't be too relevant. But keep in mind that if you were to use a framework, say Angular, React, accessibility tends to be an afterthought there. Having to add it in later would be painful in that case. Can you be a bit more specific about what you need to know?
  3. zakim-robot
    @zakim-robot
    Apr 14 14:56
    [marcysutton] I think the stack is less important than how you use chosen tools. If it's a client-heavy front-end, you'll want to consider some of the things in this article: https://www.smashingmagazine.com/2015/05/client-rendered-accessibility/
    The templates should have basic accessibility no matter if they are rendered on the front-end or the backend, such as accessible HTML forms, page title, heading structure, landmarks, image alt/text alternatives, etc.
  4. zakim-robot
    @zakim-robot
    Apr 14 19:58
    [quidkid] any examples of super interactive websites that are accessible? what are the most beautiful accessible website?
  5. zakim-robot
    @zakim-robot
    Apr 14 20:22
    [marcysutton] i've been struggling to find good examples recently–but what I do find is cataloged at http://a11ywins.tumblr.com
  6. zakim-robot
    @zakim-robot
    Apr 14 20:29
    [sandecorbett] Thanks, @marcysutton! I’m also looking for good examples, especially as applied to e-commerce. This will be very helpful.
  7. [chris] check out https://www.aldoshoes.com
  8. [sandecorbett] Thanks, @chris!
  9. [chris] np
  10. zakim-robot
    @zakim-robot
    Apr 14 20:38
    [marcysutton] man...the focus styles on that site are so subtle i can't really tell where i am
  11. [marcysutton] some really well done interactions there, and pleasantly surprised to find accessible button and link text.
  12. zakim-robot
    @zakim-robot
    Apr 14 21:09
    [quidkid] thank you @marcysutton and @chris
  13. [quidkid] and this is one a fellow a11y slacker shared with me before: https://www.viget.com
  14. zakim-robot
    @zakim-robot
    Apr 14 21:24
    [quidkid] i just got back a report from a site i remediated and there are these circular tiles that on hover/click/focus they switch color and text. I used <button> because of the built in keyboard and click listeners but in the report it says the role as button is incorrect since it’s announcing as a button. I’m not sure why this is a problem and as a quick fix could i assign a different role for the button tag and will it override role=button?