Skip to content

codelikeagirlau/accessibility-resources

Repository files navigation

Accessibility Resources

This repository is an open-source project seeking contributions for resources and tools relating to web accessibility, and making the web better for everyone.


👇 Below are the remaining collection of notes that may not yet have been incorporated into the website.

What is accessibility?

^ back to top ^

On the web, accessibility ensures that users with disabilities are able to use all facets of a website. The World Wide Web Consortium (W3C) defines accessibility standards and guidelines that all website designers and developers should comply with.

Accessibility is often pooled together with other web standards like performance, usability and security at the end of developing a web project though our aim is to make it a priority throughout all stages of web development.

Accessibility things to consider when creating web and digital products:

^ back to top ^

  • POUR principles: Perceivable, operable, understandable, robust
  • HTML: use sematic elements (nav, section, article, aside, footer, header, etc) instead of divs - to assist with screen readers
  • Video captions
  • Color blindness
  • Bionic reading
  • Sensory considerations
  • Autoplay of sound and video
  • Design features that are meaningful vs decorative
  • Separate css stylesheets for different access requirements (print, screen readers, colour blind, dark mode, slow connections)
  • Image descriptions and alt text
  • Text should always be written, not in a flat image
  • Building websites for slow internet connections, with technologies e.g Lazy Load, optimized images, fallback, SWR etc

Questions for digital teams and organisations to ask:

^ back to top ^

  • What would an accessibility-first process for digital products look like?
  • What would an accessibility pledge look like?
  • How can digital teams bake accessibility into their process?
  • How does an organisation prioritise accecessibility?

Other notes and incomplete thoughts

^ back to top ^

  • Accessibility on Instagram - how does Instagram incorporate accessibility?
  • The Roboto font - apparently this font is accessibility friendly, was it designed with this in mind?
  • Other fonts that are dyslexia friendly
  • Person sues Coles for poor accessibility
  • Helping blind people learn to code
  • Accessibility workshops?
  • An accessibility-first website project would be a great portfolio piece (e.g. for someone looking for an internship)

About

A collection of resources and tools relating to web accessibility, and making the web better for everyone.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published