Trine's Perspective

What I think and why

  • Home
  • Perspective
  • Portfolio
  • Contact

Accessibility

January 5, 2019 by Trine Paerata Leave a Comment

Accessibility is ensuring people with disabilities can access all the information online. An added bonus is it usually improves the experience for everyone and not just those with disabilities.

W3C helps us achieve this goal through the Web Content Accessibility Guidelines (WCAG). It goes over components and principles that guide us towards accessible content.

Understanding challenges that occur for people with disabilities helps us improve the user experience. Some of the barriers that occur are related to:

  • Visual  (includes colour blindness)
  • Auditory
  • Physical
  • Speech
  • Cognitive
  • Language
  • Learning
  • And Neurology.

Who are you designing for?

To get a sense of who you are designing for, check out stories of web users with disabilities. In addition, you can see YouTube clips that will give you a walkthrough of peoples’ experience on the web.  

As a quick example, imagine Sally, she is not totally blind but she has very low vision. Due to her disability, Sally uses a combination of assistive technology to see web content;

  1. a  screen reader to translate the text on screen to speech
  2. and screen magnification software to enlarge the texts and graphics on her computer and device screens for easier viewing.

In order for these technologies to work well for Sally, it is important that the developers, designers, and writers of the online content, follow the accessibility guidelines.

Quick guide to accessibility

  • Alternative text descriptions – add captions and alternative text to images and non-text content
  • Easy to navigate – ensure your content is easy to navigate by using descriptive headers and a consistent logical structure
  • Easy to read – make your content easy to read, by using appropriate text size, simple fonts,  and good colour contrast between text and background
  • Captions – with videos or audio playback, provide transcriptions where possible
  • Identify issues – Use the Tota11y bookmarklet to help visualise how your site performs with assistive technologies.

Review the following webpages for more thorough exploration on accessibility:

  • W3C – Quick Reference Web Content Accessibility Guidelines (WCAG) 2
  • W3C – Tips for Writing
  • W3C – Tips for Designing
  • W3C – Tips for Developing
  • W3C – Easy Checks
  • W3C – Accessibility Principles
  • W3C – Perspective Videos
  • W3C – Accessibility, Usability, Inclusion
  • A11y Project – A Community-Driven Effort to Make Web Accessibility Easier

Filed Under: 2. UX and UI Design

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Explore

  • 1. Overview
  • 2. UX and UI Design
  • 3. Front End Development
  • 4. Digital Marketing
  • 6. Reviews
  • 7. Extras

Explore

  • 1. Overview
  • 2. UX and UI Design
  • 3. Front End Development
  • 4. Digital Marketing
  • 6. Reviews
  • 7. Extras

Recent Posts

  • Accessibility
  • UX Design Principles
  • Writing for the web
  • User Research Synthesis
  • User Journey, Map it Out
  • Reflect with a Retrospective
  • Usability Evaluation Without Users

Search by

60D Apple Canon CSS Design Principles Design Psychology Digital Marketing Drawing DSLR Email Marketing EOS EOS 60D Evaluation Front End Development HTML Information Architecture iPad Pro JavaScript Laws of UX Photography Retrospective SEO Sketching Social Media UI Design Usability User Journey User Research Synthesis UX UX Design UX Design Process UX Research Websites

Follow me

FacebookTwitterLinkedInInstagramFlickr
Behance

Copyright © 2022 · Modern Portfolio Pro Theme on Genesis Framework · WordPress · Log in