Category: UD and ICT

Accessibility in UX Design

Infographic showing three groups of disability: permanent, temporary and situational.
From the Microsoft Inclusive Toolkit
The Web Accessibility Guidelines aren’t just for web designers and tech people. We all need to have an overall grasp of what they are about. As we do more online it is important we don’t make things inaccessible by mistake. Claire Benidig introduces the concepts of accessibility in UX design using the guide from Microsoft. Cognition, Vision, Hearing, Mobility and Mental Health are all covered in an easy to read way. So, non-tech people can understand. If we know about the basics of web accessibility, we can give a decent brief to a web designer. Then we will we can check if the Web Accessibility Guidelines were built in. Many designers still think of accessibility as an add-on feature. Claire’s article is titled, Accessibility in UX Design.  She says that accessibility is not confined to a group of users “with some different abilities”. Anyone can experience a permanent, temporary or situational disability. An example of situational disability is having just one arm free because you are holding a baby or the shopping.  Microsoft inclusive design principles state:

“Exclusion happens when we solve problems using our own biases. As Microsoft designers, we seek out those exclusions, and use them as opportunities to create new ideas and inclusive designs.”

UX and Mental Health 

A drawing of a woman with her back turned to her laptop. She has her head in her hands signifying a mental health event. It’s safe to say that everyone has experienced a website or app that is difficult to use. But little is known on how difficult interactions with apps and websites affect people with mental health conditions. UX design, or user-centric design, is associated with digital and website design. However, UX is not quite the same as co-design with actual users. Danae Botha says that “a confusing UX could trigger anxiety” and repetitive tasks can make depression worse. Repetitive alerts are not great for someone with an attention disorder either. Design for mental health reduces or eliminates features that can aggravate symptoms of a disorder. For example, automating menial tasks may decrease the risk of boredom-induced depressive symptoms. In her article, Botha offers some tips for organisations and companies to minimise communication barriers. She covers many of the different apps available such as Teams, Jira Slack, and Miro and explains their pros and cons. The title of the article is, Kinder Tools: How to Improve Enterprise UX Design for Mental Health.

Talking to users: an introvert’s guide

A desk has highlighter pens in different colours, working papers and a smart phone.What if you are a designer and you’re not sure how to engage with your user base? According to a UXDesign blog post, many designers are introverted and don’t know where to start with user interviews. A fear of talking to strangers brings up many thoughts: 

I’m no researcher, what if I don’t ask the right questions? What if I say something to offend the person? How do I not contaminate the responses with my own views?

So some tips for stepping outside the comfort zone are helpful. The article has some practical advice such as, don’t jump straight into the questions without some light introductory chat. And fix the things you didn’t like about the interview process for the next time. The title of the article is An introvert’s guide to starting user interviews. However, it might be the case that the personalities that go into ICT are not the people who are good at user interaction. This might be why higher education programs are not producing graduates who are skilled at this side of the design process. Indeed, according to an article from Norway, the institutions are not training people to even meet basic legal design requirements for accessibility.

Avoid Unintended Barriers Accessing Assistive Technology

An image of a braille keyboard and an audiobook keyboard.
Alternative keyboards, including braille keyboards, and audiobook players assist in reducing barriers to accessing technology.

Have you ever been given a tool or a piece of technology with the promise of it making life simpler…only to find it adds more complexity to your life because you just don’t know how to use it?

Consider the needs, then, of our learners using assistive technologies to access learning who may face unintended barriers. Being aware of some practical strategies to avoid inadvertently building more barriers to access learning through assistive technology is beneficial.

For anyone frustrated with an unresponsive program on their device, it is likely the keyboard command ‘Ctrl-Alt-Delete’  will come to the rescue. Having keyboard commands as alternatives to mouse functions supports accessibility. Therefore,  provide alternate keyboard commands for mouse actions.

To improve access for learners and ensure students have alternatives to using a keyboard, deploy switch and scanning options. With the click of a switch, switch control assists uses to, for example, enter text, select from menus and move the cursor. Switch control is available in the ‘accessibility’ menu of many computers.

For keyboard users with physical, sensory, or cognitive challenges, standard keyboards pose functional barriers. Depending on your learner’s needs, AbilityNet highlights the following alternatives to standard keyboards:

      • ergonomic keyboards
      • smaller, compact keyboards
      • separate numeric keypads
      • keyboards with larger keys
      • high-contrast keyboards
      • early learning keyboards
      • more specialist keyboards – Braille, chording and expanded devices
      • typing without a keyboard

Spectronics provide information regarding a range of on-screen keyboards to limit or remove barriers to computer use stemming from a range of physical or cognitive challenges.

Tactile feedback overlays added to touch screens can improve their accessibility to vision-impaired users. Microsoft’s touchplates are tactile guides that provide tactile feedback for touch screens. Touchplates are physical guides that overlaid on the screen that are recognised by the underlying computer application. Additionally, customised overlays for touch screens and keyboards provide support for interacting with large touch screens or accessing spatial data. Read more regarding the challenges with touchscreens faced by vision-impaired users, and some overlay options.

Implementing the above practical strategies could go a long way in supporting access when using assistive technologies. Be sure that any software selected for use works flawlessly with the tools!

There are more practical suggestions on reducing barriers to learning on the CUDA website.

Inclusive online meetings: Preparation is key

two laptops are open on a desk and one has several faces of people who are online.There’s been a few articles about working remotely and participating in online meetings. But there are a few nuances, little things, that need attention so that meetings are inclusive. An article from the Commons Library says it is not about the technical details. Rather, it’s about the culture and processes particularly for mixed face to face and online participation. The article covers: – Meeting preparation – Collaboration tools – Meeting process – After the meeting Some of this is basic, but the transitions in and out of lockdowns means more hybrid meetings – some face to face and some online participants. This is not easy for participants. Internet dropouts and other tech problems such as poor sound add to the mix of issues. This is where the chair’s role is very important because body language and facial expression are all helpful in making sure everyone gets to contribute. Hosting hybrid online meetings is also covered by Blueprints for Change.  It has some Tips and Tricks. For hybrid meetings, everyone in the room should be on camera. This can mean a rearrangement of the room and careful placement of the camera.  “In a hybrid meeting environment people who are on screen should be assigned a buddy who is in the physical room. Their buddy regularly checks in with them, talks to them on breaks, makes sure they can see and hear at all times. Buddies might even bring them to break/snack conversations so they don’t miss the in-room side conversations.”  

Zoom communication dementia guide

The Zoom logo in blue against a white background. Zoom communication dementia guide.Adjusting to online platforms for our work and social life during the pandemic was relatively easy for many. But for some, the situation isn’t so easy. This can be the case for people with dementia or those who get confused easily with anything tech. Zoom is relatively easy to use, but it is good to get some help. Dementia Australia has developed a useful guide and fact sheets that are useful for everyone.  

Zoom tips

Using Zoom – Guidelines for meetings is a straightforward guide to getting started with a meeting on Zoom and joining a meeting. It includes meeting etiquette and using the Zoom toolbar functions. Participating in meetings is a guide to the whole process of meeting from getting started to solving issues along the way. Zoom tips – How to join a meeting is a step by sept guide with pictures of screenshots. How to get the best out of the experience has several dot points that will help all participants in a meeting. Zoom tips – On holding a dementia-friendly meeting has helpful dot points for running a meeting with people with dementia Zoom tips – Tools and examples has examples from other help sheets with some good key points and how to use a phone to meet. Let’s Talk brochure is a general guide for including people with dementia in conversation. In a media release, Dementia Australia reminds us that there are an estimated 459,00 Australians living with dementia. Most live in the community and need to use technology to stay in touch with family and health care professionals.  Editor’s note: For all professional meetings, remember that live captioning helps everyone get the message. It’s inclusive practice. The big advantage is the transcript that follows. It’s essential for webinars especially if they are made available after the event. It’s about being inclusive.  

Screen readers and web content

A computer page showing JAWS for Windows screen reader home pageIf you haven’t seen it in action, screen reader technology is not what you might expect. Experienced users listen at a speed most of us couldn’t contemplate. But screen readers are only as good as what they are given to read – it is a machine after all. The way web content is written, described and placed makes a difference to the efficiency of the reading device and the user.

Axess Lab has a four minute video of a how a screen reader works.  If you haven’t seen this before it makes for fascinating viewing. In the video Marc Sutton explains some of the basics. The Axess Lab website also has advice for the more tech side of things as well for desktops and mobile readers.

Web designers might do all the right things in designing the site pages, but sometimes it is the document uploads where things fall apart for screen readers. For example, when you insert a table into a document, have you ever thought about how a screen reader might decipher this? Marc Sutton shows what happens and how to make it more accessible.

Vision Australia has a YouTube clip with a Jaws user explaining how it works for her. Nomesa blog site has additional information. 

Screen readers work with the computer’s operating system and common applications. It relays information either by speech or Braille. The majority of users control things with the keyboard, not the mouse.  If web pages are well structured, screen readers can interact easily. There are good reasons why websites should suit screen readers. 

Accessible forms, video and chatbots

A young woman sits at a desk with her laptop open. She has her face covered by her hands and is indicating distress

As the digital age moves ahead we need to make sure we aren’t creating a digital divide between those who are up to date and those who aren’t or can’t be. The canaxess website has three on-line and downloadable fact sheets that provide some of the simplest but effective advice.

For example, in Principles of accessible video – don’t set to the video to scroll on opening. In Principles of accessible forms – don’t use an asterisk to indicate a mandatory field – screen readers announce “star”. In Principles of accessible bots – placing in lower right of the screen is difficult for keyboard users. For people who upload information or documents to their website, there are some good tips. For others who know about coding there is really helpful information. 

 

What is user experience?

Graphic of a male sitting behind a computer screen with the words web design on the wall behind him.Technology has advanced to a point where almost anyone can set up a website – no coding experience needed!  It’s easy to get carried away with glitz, glamour, flashing signs and a swinging carousel of images. This is where user experience, or UX, comes into play. And let’s not forget web accessibility. Many of us have something to do with a website. So whether we contribute to one, manage one, or are commissioning one, there are some basics to know. First some statistics. Seventeen per cent of users will not return after just one bad experience. Forty-eight per cent of users are annoyed by sites that aren’t mobile friendly.  The DreamHost blog has two articles, one explaining how UX works, and the other is about web accessibility. It’s a pity they weren’t joined up into one article. Accessibility is not an optional add-on. It should be considered from the outset of the initial design and be a continuous process for ongoing content.  While the UX article focuses on “target audience” and forgets this audience might need accessibility features, it has some useful advice. No need to get too bogged down with detail here. It covers navigation, content, animation, and responsiveness. The article, 10 ways to make your website accessible is a good start for anyone new to the concept. It covers many of the basics such as colour choice, adding descriptions to images, and text size. Avoid tables for presenting data because screen readers can’t read them unless they are coded correctly. An accessible site expands the potential audience and helps with search engine rankings. See also Web accessibility techniques: A guide and the section on ICT guidelines on this website for more information.  Editor’s note: We do our best with accessibility and rely on in-built coding with the free software we use to keep the site running. We receive no funding to run this service. However, we welcome feedback if you find specific difficulties with this website. 

Colour contrast checkers for web

The colours of the rainbow arranged as a wheel to show colour contrast.Almost anyone can create a website or add content these days. It doesn’t have to be an IT specialist. One the most basic accessibility features is colour contrast. No matter what level of vision we have, we all need contrast. But how much contrast is enough? And what about colour combinations?

Vision Australia has a colour contrast analyser and instructions on how to use it. The analyser is a tool for checking foreground and background combinations. It also has a function to simulate certain vision conditions such as colour blindness. There is more information on their webpage. The contrast information is also useful for printed material.

For the more tech people, the Axess Lab website has links to seven free tools that help you measure color contrasts that meet the contrast requirements in the Web Content Accessibility Guidelines (WCAG). With almost everything in life being linked to the internet, it is important to make sure sites are fully accessible. Colour contrast is important for many with low vision, but accessibility does not have to equal boring. By going to the website you can see more on each of these seven free tools: 

Easy Read Website

A screenshot of the homepage of the website.You might have heard of Easy Read or Easy English for documents. They are great examples of how to reach a wide audience of people regardless of their level of literacy. Now there is a great example of an Easy Read Website from Women with Disabilities Australia.

People can have low literacy skills for several reasons such as a brain injury through a stroke or accident, or a cognitive condition. People with English as a second or other language, and people not used to navigating websites also find Easy Read helpful. So we are not talking about a few people.

This particular website is focused on girls and women with disability. However, the information is good for boys and men as well. Large clear font, graphics, short headlines and few words make this easy to navigate. At the top of the page is a link to turn Easy Read off. But this doesn’t mean lots of words in tiny font. Also very easy to read. 

The tabs list key topics: Your Rights, Lead and Take Part, Life Choices, Sex and Your Body, Safety and Violence. The also have a section on the other accessible functions of the website. It includes other languages, screen readers and Auslan. 

At last someone is living the message and has truly joined the dots between people with disability and website design. 

Accessibility begins at the beginning

A graphic with logos of popular social media platforms.Social media platform designers beware. If you “forgot” accessibility for everyone, you will soon be reminded. Then it’s too late and costs more to fix. Costs include lost customers. Twitter found out the hard way when launching “audio tweets” according to a blog article on UX Design. Saying it is an “early version” does not improve the matter for would-be audiences. It seems Twitter doesn’t have a dedicated accessibility team and that’s where it should start. You can’t tack it on at the end. It’s not the cherry on top, it has to be mixed in with the other ingredients and baked in. A boy sits in a dark room with three computer screens. He is wearing a headset.The blog article also discusses Naughty Dog, a game developer that has considered just about everyone. That is, people who are deaf or hard of hearing, people who are blind or have low vision, and people with mobility or motor control issues. Their website has a list of accessibility presets. There’s also a link to a page on how accessibility features assist search engines. Video transcription, image captioning and image descriptions (alt-text) are just the start. The title of the article is, Digital accessibility matters: Social media is amplifying the need for a clear, empathic approach to accessibility.

Blinded by science: Universal design and data access

The figure of a woman is overlaid with purple and pink computer coding in tiny writing forming a backdrop.It’s all very well saying that information is available to everyone, or that government processes are designed to be transparent. But how many people can access the scientific and long-winded sentences in these documents? Even the abstract below on this very topic needs interpretation into everyday words. It’s easy to talk about universal design. However, academics often make research on accessibility and inclusion inaccessible and exclusive. How about more walking the walk, and talking the talk? We need universal design for data access. The article on Open Government Data Through the Lens of Universal Design is about accessing data sets. This might include population census data, or data that underpin policy decisions. By casting the lens of the seven principles of universal design over the data sets the authors found ways to improve accessibility. Nine issues were found, three related to the web and the rest to data presentation. This is an important aspect of inclusion. It helps people with disability and others to see how data are used, and to give them a voice. Information is power. The article includes recommendations for discussion on how to improve the situation. The article can be downloaded from ResearchGate where you can request the full text from the authors. Otherwise it is available on SpringerLink where you will need institutional access for a free read.  

From the abstract

Open Data are increasingly being used for innovation, developing government strategies, and enhancing the transparency of the public sector. This data is aimed to be available to all people regardless of their abilities, professions and knowledge. Research shows that open data, besides being physically inaccessible to people with disability, are also semantically inaccessible to people who lack data science expertise. Consequently, we conducted an analysis using seven principles of Universal Design. In total, nine challenges are identified based on issues discovered. Three challenges are identified on the web portal interface level, namely: dataset filtering and categorization, access using a keyboard, and breadcrumb and back navigation. The other six challenges are identified on dataset level: dataset previewing, dataset size, dataset formats, dataset purpose, dataset labelling, and dataset literacy. We propose recommendations as a means to incite a discussion about the features that open data should possess in order to be widely accessible, including people with disabilities and those lacking data science expertise and knowledge.