Categories
code design roundup

Web Accessible Code Libraries and Design Patterns

Within a web development organization, it’s ideal to maintain (and enforce usage of) design patterns and a components library. And they should work together; design patterns create consistency among visual elements across projects and the components library creates consistent implementation of those patterns during development. This is especially important on several levels including accessibility.

Here is an extensive list of recommended code libraries, patterns, and design systems. It’s one list instead of separating by category as many have elements of each. There are also some related articles below. Please leave a comment for any updates, corrections, additions, etc.

Related resources:

Categories
roundup

Digital Accessibility Roundup February 2020

So many great articles around digital accessibility lately! Here are some (with author and quote/summary) which I thought were very useful.

  • Link Targets and 3.2.5 by Adrian Roselli @aadrian.
    “Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in text.”
  • [ARIA] Roles and relationships by Sarah Higley @codingChaos.
    “even small mistakes in using these roles can take a user on a very bad trip”
  • Squarespace, Wix, & Weebly: Accessibility Review by @TerrillThompson.
    “For accessibility, avoid Weebly. Both Squarespace and Wix are capable of creating accessible sites, but the user has to be looking to do so—it isn’t gonna happen by default.”

  • On custom select dropdowns:
  • Studies/statistics on current state of web accessibility:
    • Higher Ed in 4k Project by PopeTech.
      “…93.331% of pages had detectable WCAG violations. There were a total of 7,464,465 detectable errors found or 23.8 errors per page.”
    • Click-Away Pound Survey (2019) by @CAPsurvey.
      “In 2016, the survey found that more than 4 million people abandoned a retail website because of the barriers they found, taking with them an estimated spend of £11.75 billion. In 2019, that lost business, the ‘Click-Away Pound’, has grown to £17.1 billion.”
  • My Priority of Methods for Labeling a Control by Adrian Roselli @aadrian.
    Adrian explains why explicit HTML label association is best.
  • Operating System and Browser Accessibility Display Modes by Eric Bailey @ericwbailey.
    “Five such modes are Dark Mode, Increased Contrast Mode, Inverted Colors Mode, Reduced Motion Mode, and High Contrast Mode. Following is an explanation of each of these mode, who can benefit from it, how to enable it on your device or browser (if supported), and how to work with it in code.”
  • Checking 3rd Party Vendors’ Product Accessibility by @vavroom via @knowbility.
    • “You may have difficulty finding a fully accessible solution. Do take the time to run some simple tests to get a better feel for the product. The more precise your questions and requirements about accessibility, the more likely you are to be able to determine if a product meets your needs. And the more protected you’ll be should the product fail to meet expectations.”
    • Also: Vendor Responsibilities for Accessibility by Jay Wyant @jay_wyant.
  • Pixels vs. Relative Units in CSS: why it’s still a big deal by Kathleen McMahon @resource11.
    “Remember, users really do change their settings under the hood, and we should be maintaining users’ control over their own browsing experience. If you use relative CSS units for your typography styles, you can maintain the fidelity of your layouts without negatively impacting the needs of your users.”
  • How accessible is the HTML video player? by Scott Vinkle @svinkle.
    “relying on native video players should be used with caution…I found most to have poor keyboard and screen reader support, which may lead to frustrated users”
  • And finally, congrats @WebAIM on your 20-year anniversary! Thank you for your tremendous leadership in web accessibility.
dog herding group of sheep
Sheepdog “rounding up” some sheep.
Categories
conference roundup Toronto

Accessibility Toronto Conference 2019 Summary

The third annual Accessibility Toronto Conference was held recently at TELUS in downtown Toronto, Ontario, Canada. On Twitter, the hash tag is #a11yTO and the account is @a11yTO.

Accessibility Toronto Conference logo

And for the first time, both an Accessibility In Real Life conference (#a11yIRL) and a conference dedicated to accessible gaming (#a11yTOGaming). They were run the day before and after the main conference. All events were a big success!

The week even included a few social events in the evening including an entertaining karaoke party hosted by Shopify and a Tweetup hosted by Slack.

A theme which seemed to emerge from the conferences collectively was: Design *with* people with disabilities, not *for* people with disabilities.

large room with many people seating; a few people on stage in front; there is a monitor on right and live captions on left

Other notables from the conference were the adjustable desk on stage and a video puppet which reminded attendees when the sessions are about to start!

See below for a list of available presentation resources (from the a11yTO conference), selected tweets, and a few excellent conference reviews. See you there next year?

Presentation Resources (partial)

Tweets

https://twitter.com/arigaud_ca/status/1187723968142348289

https://twitter.com/ShellELittle/status/1187368065933234179

Other Reviews

Categories
law roundup

U.S. Supreme Court Favors Digital Accessibility in Domino’s Case

A favorable decision was made yesterday (October 7, 2019) in the United States regarding digital accessibility and the Americans with Disabilities Act of 1990 (ADA).

The U.S. Supreme Court denied to hear Domino’s Pizza appeal of the Ninth Circuit federal appeals court decision which allowed the case to be heard. So the Ninth Circuit decision for Domino’s v. Robles stands, hooray! Digital products which are a public accommodation must be accessible or will be subject to a lawsuit (and probably lose).

The accessibility community is dumbfounded and outraged as to why Domino’s, a national pizza chain in the U.S., would spend so much money and effort into fighting digital equality rather than making their digital services accessible to all, which would greatly increase their potential customer base (and avoid bad publicity!)

Here’s Domino’s statement about the Supreme Court’s decision. Domino’s doesn’t admit that besides convenience, inclusiveness, and equality, ordering online provides other perks that cannot be received in another way, such as discounts, coupons, and rewards points. Although their call for DOJ regulation has some merit, it’s more of an unwarranted excuse. Regulations aren’t completely necessary; if passed, they would likely still be WCAG 2.0 AA, and digital products would still be subject to lawsuits.

For lots of legalese, here is the the Domino’s case (PDF) and the Domino’s ruling (PDF). See below for a list of related articles and tweets.

Domino's Pizza logo with line thru it

Articles

Tweets

https://twitter.com/accessibility20/status/1181228718439780352

Categories
event roundup Toronto

Summary of Accessibility Toronto Camp

Accessibility Toronto Camp occurred Saturday, May 18 at OCAD University in incredible city of Toronto, Ontario, Canada. For information on Twitter, search #a11yTOCamp and follow @a11yTO.

#a11yTO Camp logo

The camp kicked off with a warm welcome and announcements from organizers Billy Gregory, Oskar Westin, and Jenny Hiseler. Learn about all of the camp organizers on the event’s website.

Announcements during the event included the launch of a new conference Accessibility In Real Life (#a11yIRL) and an axe-pro beta program for web developers from Deque Systems.

Below are session resources, select Tweets, and a few personal notes.

Session Resources

Here’s a mix of resources from presenters of the conference.

Tweets

https://twitter.com/sophiaminmorgan/status/1130197585128493058

https://twitter.com/thedaviddias/status/1129836296212557824

Personal Notes

  • I loved exploring downtown Toronto; came across a wicked good place to eat called Rolltation — sushi burritos!
  • It was my first time at OCAD so it was cool just being there. It’s quite a funky/artsy place!
  • Met more great folks in the community including Sophia Morgan and John McNabb.
  • I have a few photos on the Instagram #a11yTOCamp feed.