Web Accessibility Wednesday - Bonus Friday Edition!

Just now in James Q Quick’s Learn Build Teach Discord, Arkar Myat said he’d like some Web Accessibility resources both general and image specific, so I thought I’d do a post to help others as well.

It’s not an exhaustive list! I also haven’t given summaries like I usually do. It’s more like my dumping my current #A11y brain cache.

Also check out the profiles and blogs of the people and organizations that I’ve @ Mentioned. They’re also great resources.

Hopefully this helps Arkar with his #Svelte task and others with their accessibility learning.

  1. W3C Web Accessibility Initiative (WAI) / W3C image tutorial: https://www.w3.org/WAI/tutorials/images/

  2. The A11Y Project : https://www.a11yproject.com/

  3. Smashing Magazine - “Accessible Images For When They Matter Most” by Carie Fisher https://www.smashingmagazine.com/2020/05/accessible-images/

  4. What Svelte’s accessibility warnings won’t tell you by Geoff Rich Senior Software Engineer at Ordergroove https://geoffrich.net/posts/svelte-a11y-limits

  5. W3C Web Accessibility Content Guidelines (WCAG) 2.2 https://www.w3.org/TR/WCAG22/

  6. Coolors Contrast Checker: https://coolors.co/contrast-checker

  7. “How to design visual learning resources for neurodiverse students” by Full Fabric https://www.fullfabric.com/articles/how-to-design-visual-learning-resources-for-neurodiverse-students

  8. How to Create High Resolution Images for Users with Low Vision Perkins School for the Blind https://www.perkins.org/resource/how-create-high-resolution-images-users-low-vision-0/

  9. How to Write Alt Text and Image Descriptions for the visually impaired Perkins School for the Blind https://www.perkins.org/resource/how-write-alt-text-and-image-descriptions-visually-impaired/

  10. Web Accessibility Specialist Body of Knowledge (pdf) IAAP - International Association of Accessibility Professionals https://www.accessibilityassociation.org/resource/WAS_Certification_FInal_2020_FINAL

  11. Articles by Ben Myers

    1. What is ARIA: https://benmyers.dev/blog/aria/
    2. The Accessibility Tree: https://benmyers.dev/blog/accessibility-tree/
    3. How to Fix Your Low Contrast-Text: https://benmyers.dev/blog/fix-low-contrast-text/

  12. Ashlee 🤟🏻 Boyer (deaf)‘s blog https://ashleemboyer.com/

  13. History of the Disability Pride Flag - talks about accessible colours Columbia University https://www.weinberg.cuimc.columbia.edu/news/history-disability-pride-flag

  14. Web accessibility for seizures and physical reactions Mozilla Developer Network docs https://developer.mozilla.org/en-US/docs/Web/Accessibility/Seizure_disorders