Inclusive user account playbook

Most people know that digital platforms, such as Facebook, collect personal data about their users. When setting up user accounts, platforms ask users to choose various preferences which are not necessarily inclusive. These options often misrepresent gender and sexual orientation of users, which disproportionately affects the LGBTIQ+ population. Three researchers tackled this issue and came up with an inclusive user account playbook.

Creating a user account is one thing, creating a profile is another. A user account has demographic information about the user’s preferences or interests. This can apply to user groups as well.

Two rainbow flags indicating the LGBTIQ+ community.

The User Account Playbook is structured as an online learning tool on “how to”. It begins with instructions on how to use the guide followed by an overview of the content. There are three key ideas underpinning the guide. Understand the social issues related to LGBTIQ+ and user accounts; design with these in mind; and implement inclusive practices across the organisation.

This Playbook will equip you with knowledge on creating Inclusive User Account Experiences for the Lesbian, Gay, Bisexual, Transgender, Queer/Questioning+ (LGBTQ+) Community .

Banner for the Playbook to be Proud of. Pale purple with white text.

The problems the playbook aims to solve are related to how data is collected and used, and not relying on LGBTIQ+ co-workers to “educate” them. It also aims to challenge industry norms and design with and LGBTIQ+ users. The video below does not have captions.

The playbook is the result of a study of digital platforms such as Facebook. The title is, A Playbook To Be Proud of: LGBTQ+ Inclusive User Account Design Guide.

From the abstract

Digital platforms utilize data collection processes to assess demographic data about their users through user account creation. These platforms require users to select preferences that provide options which oftentimes misrepresent gender and sexual orientation identities of users. This disproportionately affecting the LGBTQ+ population.

This research uses academic literature that focus on LGBTQ+ inclusivity, and surveys and interviews from LGBTQ+ technology users. The authors detail their thoughts on a Facebook user account case study.

Product team experiences about work flows surrounding inclusion informed the creation of the digital playbook that rests at the following link: bit.ly/LGBTInclusive_UAGuide. Implications for this work lie in the possibility for impactful industry change within company cultures and individuals for the benefit of LGBTIQ+ users of technology.

Microsoft, Apple and Google: how inclusive are they?

Barriers to digital use are caused by a complex web of intersecting factors. Gender identity is just one of them. Age, education, socioeconomic status, race, physical and cognitive disadvantage all have a role to play. Focusing on one dimension of inclusion does not account for all the complexities. That’s the conclusion two researchers came to after looking at Microsoft, Apple, and Google websites.

The big software industry players have enthusiastically promoted their commitment to inclusive design. But how inclusive are they?

A Microsoft office building with the Microsoft logo displayed on the front.

A paper discussing aspects of their inclusive practice from a gender perspective reveals that it is only a partial response. That’s because gender intersects with many other identities such as age, capability, and ethnicity.

“Regardless of efforts to promote inclusivity mainly in terms of gender, the intersectionality of identities is frequently overlooked and ignored in design.”

A pair of hands wearing red nail polish is holding an iPad with a Google search screen visible.

Microsoft, Apple, Google and Meta

The paper covers the issues of intersectionality and imagery, which is followed by tech industry case studies. Here is a brief overview:

Microsoft’s manual does a great job in explaining why there is a need for inclusive design. However, it is focused on disability and the images maintain the male/female binary. It covers theoretical and practical aspects.

Apple’s site has a detailed description of what the company thinks about inclusive design. It goes further than Microsoft on accessibility an introduces language use and stereotypes. Apple does not provide designers with many practical tools on how to do universal design.

Google acknowledges the need for equity and inclusion in their products by giving voice to the most underrepresented groups throughout the production process. They have a list of diversity segments for designers to consider.

Meta has implemented several key strategies in its design process to create inclusive products. The company is evolving to recognise the importance of accessible and inclusive products for all users. Meta conducts user research on a regular basis to gather feedback for improvements.

Guidelines for gender inclusion

The research resulted in guidelines for designing gender-inclusive tools in technology. They are applicable to both academia and industry. They are also useful for anyone responsible for the look, feel and accessibility of their organisation’s website and digital products.

  • Consider intersectionality: avoid simplifying people to one-dimensional characters. People have complex identities, which go beyond belonging to one specific gender, race, or sexuality group.
  • Avoid propagating stereotypes: attaching typical looks, occupations, and traits to a person based on their gender, race, or sexuality, contributes to social stereotypes that aggravate misogyny, racism, and homophobia.
  • Overcome the gender-binary: avoid producing text and images that reinforce the gender binary and social stereotypes, regarding appearance, jobs, preferences, or skills.
  • Make your text, tone, and imagery consistent and inclusive: it is necessary to maintain efforts for inclusivity throughout your copy, visuals, communication, and products.
  • Show the diversity of each community: make a conscious effort to illustrate how multi-colored communities are, instead of simplifying them to stereotypes.
  • Involve people with that particular identity: diversity and inclusion should be taken seriously. There’s no better person than the one with that particular identity to tell you about their concerns and challenges.
  • Avoid concentrating on a single mode of communication: adapt your copy, images, and communication to different languages, cultures, and levels of complexity.
  • Provide training in Diversity, Equity, and Inclusion: help your business or organization by providing constant training and mentorship.

The title of the paper is, Gender Inclusive Design in Technology: Case Studies and Guidelines, from the ResearchGate website.

From the abstract

The need for inclusion stems from the fact that the composition of the IT sector reflects a workforce that is not diverse enough. This can result in blind spots in the design process, leading to exclusionary user experiences. The idea of inclusive design is becoming more prevalent. In fact, it is becoming a general expectation to create software that is useful for and used by more people.

With a focus on intersectionality, inclusive user experience (UX) seeks to actively and consciously integrate minority, vulnerable, and understudied user groups in the design.

UX that is based on inclusive design and aims to overcome social disadvantages in all of their intersectional complexities. These arise from gender, sexual orientation, age, education, dis/ability, socioeconomic status, and race/ethnicity, among others. At the same time, gender-inclusive design has challenges and limitations: the idea of gender inclusion in design is not yet a reality.

Our research investigates academic literature, as well as tech industry practices, like the websites of Microsoft, Apple, Google, and Meta. Our analysis shows that intersectionality suffers even when inclusivity is considered. We also offer guidelines for factors that might be explored for a more inclusive design.

Overcoming bias in AI

Artificial Intelligence (AI) is entering our everyday lives with increased speed and sometimes without our knowledge. But it is only as good as the data it is fed, and the worry about bias is a concern for marginalised groups. AI has the potential to enhance life for everyone, but that requires overcoming bias in AI development. In his article, Christopher Land argues for more advocacy and transparency in AI.

The power of machine learning comes from pattern recognition within vast quantities of data. Using statistics, AI reveals new patterns and associations that human developers might miss or lack the processing power to uncover.

A background of computer code with a female face overlaid. Overcoming AI bias.

Designing for the average is fraught with problems. Statistical averages do not translate to some kind of human average. That’s because statistics don’t measure human diversity. That’s why AI processes are at risk of leaving some people behind. But in gathering useful data there are some privacy issues.

AI shows great promise with robot assistants to assist people with disability and older people with everyday tasks. AI imaging and recognition tools help nonvisual users understand video and pictures.

Christopher Land outlines how AI and machine learning work and how bias is introduced into AI systems if not prevented. He also has some recommendations on strengthening legal protections for people with disability. The paper is not technical. Rather it explains clearly how it works, where it’s used, and what needs to be done.

The title of the article is, Disability Bias & New Frontiers in Artificial Intelligence. The “Black Box” issue is explained and the need for a “Glass Box” is presented.

From the abstract

Bias in artificial intelligence (AI) systems can cause discrimination against marginalized groups, including people with disabilities. This discrimination is most often unintentional and due to a lack of training and awareness of how to build inclusive systems.

This paper has two main objectives: 1) provide an overview of AI systems and machine learning, including disability bias, for accessibility professionals and related non-development roles; and 2) discuss methods for building accessible AI systems inclusively to mitigate bias.

Worldwide progress on establishing legal protection against AI bias is provided, with recommendations on strengthening laws to protect people with disabilities from discrimination by AI systems. When built accessibly, AI systems can promote fairness and enhance the lives of everyone, in unprecedented ways.

Diversity and inclusion in AI

An Australian book chapter takes a comprehensive and practical approach to how equity and inclusion should be considered throughout development. This should be done at both governance and development levels by applying inclusive design and human-centred design to the AI ‘ecosystem’.

The title of the chapter is Diversity and Inclusion in Artificial Intelligence.

Older people, ageism and digital design

Do stereotypes of older people affect how digital technology is designed? A team of researchers found that ageism has the potential to influence design in negative ways. They found co-design partnerships overcame ageist attitudes and were more likely to produce digital technologies that are needed, wanted and used.

Ageism can have a detrimental role in how digital technologies are designed. Participating with older people in the design process has the additional benefit of countering stereotypes. Image shows a group of older people on a desert camping expedition.

Of a group of older people having fun together on a camping tour.

Older people said the “ultimate partnership” in co-designing is to be involved from the beginning through to the end of the design process. Sharing control over design decisions was an important part of the process. They are more than informants – they are equals who have valuable contributions.

The researchers noted that although this vision of co-design is shared by designers, it is not always the case in practice.

Image shows older people working together on a workshop question.

Older people sit at round tables discussing questions. There are four round tables shown in this picture.

Older people in the study also said that ageism emerges in implicit and explicit language about ageing. And ageist images can influence the design process. Consequently, the researchers say it is important to view the diversity of older people.

Co-design with older people

How and when to involve older people in digital design is also important. Understanding co-design with older people has the potential for avoiding insufficient prototyping, biases and errors in the design process.

The title of the article is, An “ultimate partnership”: Older persons’ perspectives on age-stereotypes and intergenerational interaction in co-designing digital technologies.

From the abstract

There is a gap between the ideal of involving older persons throughout the design process of digital technology, and actual practice.

Twenty-one older people participated in three focus groups. Participants experienced ageism in their daily lives and interactions with the designers during the design process. Negative images of ageing were pointed out as a potential influencing factor on design decisions. Nevertheless, positive experiences of inclusive design pointed out the importance of “partnership” in the design process.

The “ultimate partnership” in co-designing were where they were involved from the beginning, iteratively, in a participatory approach. Such processes were perceived as leading to successful design outcomes, which they would like to use, and reduced intergenerational tension.

Microsoft’s new inclusive design toolkit

Microsoft wants designers to see beyond physical and sensory disabilities. So they have updated their popular Inclusive Design Toolkit to include cognition – the brain. Cognition is about getting, storing and retrieving information. It’s also about focusing, learning, memorising and making decisions. So how to design for people who process thoughts in different ways?

Microsoft launched it’s first inclusive design toolkit in 2015, but it only focused on physical and sensory disabilities. The second edition takes a broader approach to address cognitive exclusion.

A black and white graphic of stick people in various states of being. Microsoft's Inclusive Design Toolkit

The new toolkit has three key principles for cognition, which can be applied in many other design contexts:

  • Understand the user’s motivation, and the goals and tasks they are trying to complete.
  • Discern the cognitive load required to reduce that mismatch.
  • Co-create the final product with a diverse community of people across the spectrum.
A man wearing a black t-shirt holds his hand to his forehead in an act of desperation.

The toolkit is not about specific industries or specific conditions. Rather it encourages designers to collaborate with users and find out first hand how they learn and think. The Inclusive Design 101 Guidebook has the basics. The Inclusive Design Cognitive Exclusion is a separate document.

The toolkit and guides are useful for anyone who wants to learn how to design inclusively – to take a universal design approach to design.

FastCompany has an article about the Inclusive Design Toolkit’s development. Christina Mallon, Microsoft’s head of inclusive design, discloses that she has ADHD. She couldn’t complete certain tasks and felt stupid. When she learned about inclusive design she realised that she was not stupid, just designed out of products. Now she just wants her job to be just a designer, not an inclusive designer. The title of the article is, Microsoft’s new Inclusive Design Toolkit is designed for the brain.

Computing students show age and gender bias

As we know, bias sits in all of us whether we realise it or not. Some biases we are aware of, such as liking certain people and things. But what about those biases we are not aware of that sit silently in the background of our thoughts and ideas? And how much do they impact on the things we say and do? Age and gender bias has an impact on how things are designed.

Older people are thought less likely to use desktops, laptops and smartphones, and to have less expertise with them. Women, both young and old, are thought to have some experience with devices, but less expertise than men.

A young woman wearing a black beanie sits in front her her laptop. Behind her are icons of cog wheels indicating technology. Age and gender bias in computer science.

A group of researchers in Austria wanted to find out the perceptions of computing science students about age and gender. That’s because they are going to be designing the digital technology in the future. In a nutshell, they found several biases.

Age and gender bias

Students (aged around 21 years) started to see people as old at the average age of 57 years – several years younger than their grandparents. Older people are thought to be less likely to have experience with all types of devices. While younger people are thought to want aesthetic designs, older people are thought to need error tolerant systems.

The bias between the genders was smaller than that of age. Women were seen as less likely to use a desktop than men and to have less expertise than men overall. This fits the continuing stereotype that computing for men is ordinary, and exceptional for women. Consequently, older women were seen as less capable in using computers and laptops.

The article has a lot of statistical analysis, but the key points are in the findings, discussion and conclusions. The information is useful for teachers, and the authors recommend designing with users as a way to overcome bias. And, of course, more women should be encouraged into the computing sciences.

The title of the study is, How Age and Gender Affect the Opinions of Computing Students Regarding Computer Usage and Design Needs.

From the abstract

This study aimed to understand the perceptions of young computing science students about women and older people about computer literacy and how this may affect the design of computer-based systems. Based on photos, participants were asked how likely the person would be to use desktop computers, laptops and smartphones. And also, how much expertise they thought they would have with each technology. We asked what design aspects would be important and whether they thought an adapted technology would be required.

The results draw on 200 questionnaires from students in the first year of their Information and Communications Technology (ICT) studies at an Austrian university of applied sciences. Quantitative methods were used to determine if perceptions varied significantly based on the age and gender of the people depicted.

Qualitative analysis was used to evaluate the design aspects mentioned. The results show that there are biases against both older people and women with respect to their perceived expertise with computers. This is also reflected in the design aspects thought to be important for the different cohorts. This is crucial as future systems will be designed by the participants. Their biases may influence whether future systems meet the needs and wishes of all groups or increase the digital divide.

Gender and Mobile Apps

An academic paper, A Study of Gender Discussions in Mobile Apps, provides some insights into gender bias in app development.

From the abstract

Mobile software apps are one of the digital technologies that our modern life heavily depends on. A key issue in the development of apps is how to design gender-inclusive apps. Apps that do not consider gender inclusion, diversity, and equality in their design can create barriers for their diverse users.

There have been some efforts to develop gender-inclusive apps, but a lack of understanding of user perspectives on gender may prevent app developers and owners from identifying issues related to gender and proposing solutions for improvement.

Users express many different opinions about apps in their reviews, from sharing their experiences, and reporting bugs, to requesting new features. In this study, we aim at unpacking gender discussions about apps from the user perspective by analysing app reviews.

We first develop and evaluate several Machine Learning (ML) and Deep Learning (DL) classifiers that automatically detect gender reviews. We apply our ML and DL classifiers on a manually constructed dataset of 1,440 app reviews from the Google App Store, composing 620 gender reviews and 820 non-gender reviews.

Our best classifier achieves an F1-score of 90.77%. Second, our qualitative analysis of a randomly selected 388 out of 620 gender reviews shows that gender discussions in app reviews revolve around six topics: App Features, Appearance, Content, Company Policy and Censorship, Advertisement, and Community. Finally, we provide some practical implications and recommendations for developing gender-inclusive apps.

Good colour contrast for websites

How did you choose the colours for your last website update? Did you choose colours based on your brand logo and text or did you use the Web Content Accessibility Guidelines (WCAG) algorithm? But can the WCAG algorithm guarantee good legible colour contrasts for websites? Research by The University of Cambridge says it doesn’t. So they have developed an alternative algorithm for good colour contrast for websites. 

Five different coloured ovals with both black and white text for comparison. Human perception is better for good colour contrast for websites.
Examples of black and white text for comparison

Since January 2022, the Accessible Perceptual Contrast Algorithm proposes that legibility of text on websites is better with perceived difference than a mathematical contrast ratio. White text on strong coloured backgrounds are preferred over black text in almost all cases in the study. 

In the examples above, the black text passes the WCAG contrast ratio but fails the white text. The Accessible Perceptual Contrast Algorithm passes the white text and fails the black text. 

Sam Waller explains this more fully in his article, Does the contrast ratio actually predict the legibility of website text? 

As a result of this work, an early working draft of WCAG 3 proposes using the new method for calculating contrast. 

This is important information for choosing brand logos and text so it isn’t just something web designers should know. Many website designs are guided by brand colours so choose carefully. This information is also important for product labelling especially for online shopping. 

 

Do web accessibility overlays work?

Accessibility Overlays - What are they & why are they so bad? - YouTube
First screen of the YouTube video

This site has a web accessibility overlay or add-in widget. It’s the circle icon next to our logo on the website. If you click on it, it has a dropdown accessibility toolbar. That’s because the platform, WordPress, isn’t inherently accessible. So like the tacked on ramp to a building, it is an afterthought. But really, it advertises that the website platform isn’t really accessible and there are good reasons why. 

Website add-ons for accessibility go back to the 1990s with products like Browsealoud and Readspeaker. They added text to speech capabilities on the website. More products arrived in the market with similar aims. To the layperson these features seem beneficial, but their practical value is overstated. That’s because the people who need these features will already have the software on their devices to access the web and other software. The Overlay Fact Sheet by Karl Groves explains more: 

Overlay Fact Sheet logo - black background and an orange circule.
From the overlay fact sheet

“It is a mistake to believe that the features provided by the overlay widget will be of much use by end users because if those features were necessary to use the website, they’d be needed for all websites that the user interacts with. Instead, the widget is —at best—redundant functionality with what the user already has.”

Do overlays meet compliance?

While an overlay might improve compliance in some respects, full compliance cannot be achieved using this method. That’s because the products are unable to “repair” all possible issues. In some cases, the overlay can conflict with the users software and cause problems. And ironically, some overlays are inaccessible. So that means it’s back to the programmer and designer to get it right. 

The video below gives examples of overlays and graphically shows how they don’t work. You only need to look at the first three minutes to get the idea. 

We all have a responsibility to make our digital information accessible. Beware any web developer who says they’ve solved the accessibility problem with an overlay or widget. Indeed, you are showing your inaccessibility by having an “accessibility” overlay and icon on your site. 

Web designers might think the international web standards are sufficient. But they are not – just like the standards for access and mobility in the public domain are not enough. 

By the way, CUDA uses the WordPress platform’s free version and continues to do so because we do not receive financial support for the website and want to keep it open access. As with everything universal design – it is a work in progress. “Do the best you can with what you have at the time and strive to improve next time.” 

 

Inclusive online conference planning

Graphic showing a laptop computer screen with coloured squares each with a face of a person. Inclusive online conference planning.Virtual and hybrid conferences have become more popular since the advent of the recent pandemic. But are they accessible and inclusive? A paper from Canada addresses the issues of inclusive online conferences. Using the recent Parks Accessibility Conference as a case study, the authors describe their experiences. As a Canadian event, they also had to consider two languages in their planning. 

Some people with disability or impairment find online events less stressful than attending in person. They can avoid travel stresses and the regular access barriers. Others who find crowds and noise difficult, tuning in from home is a more comfortable. Consequently, conference planners need to take care to plan for easy access and inclusion.

And it should be for every conference, not just conferences with a disability component.  However, this is a good place to begin and to learn from first hand experiences. The Parks Accessibility Conference is one such example.

Key strategies

The authors provide a list of their key strategies: 

    • Make visual elements accessible to attendees with vision impairment
    • Make audio elements accessible to attendees who are Deaf or hard of hearing
    • Avoid overstimulation for individual who are neurodiverse or with a cognitive condition
    • Create ways to incorporate multi-sensory experiences remotely
    • Finding the right virtual conference platform.

The planners worked with presenters to help format and organise their presentations and materials. They hosted a pre-conference session with attendees to explain how to use the various features of the online platform so they knew what to expect. 

The paper reads like a story, explaining every step along the way so that others might learn from their experience. There are eight recommendations for future conferences based on what they learned. Top of the list is to include people with disability from the beginning.

The title of the paper is, Virtual Accessible Bilingual Conference Planning: The Parks Accessibility Conference.

From the Abstract

The objective of this paper is to share how our team planned and delivered a virtual conference that was fully bilingual and accessible to individuals with disabilities.

We incorporated closed captions, sign language interpretation, language interpretation (audio), regularly scheduled breaks, and a multi-sensory experience.

We describe our approaches to planning the conference, such as including individuals with disabilities in decision-making, selecting virtual conference platforms, captioners, and interpreters, and how we incorporated a multi-sensory experience.

The paper also summarizes feedback we received from our attendees using a post-conference evaluation survey and our team’s reflections on positive aspects of the conference and opportunities for improvement. We conclude by providing a set of practical recommendations that we feel may be helpful to others planning virtual accessible bilingual conferences in the future.

People with complex communication needs

A hand holds a globe with several communication icons on it. It's against a sky blue background. See a separate paper, Supporting Communication Accessibility and Inclusion in Online Meetings for Persons with Complex Communication Access Needs. This is a Masters thesis on running online sessions for people with complex communication needs. 

From the abstract

This community-based, participatory research study explores how online sessions can be designed to support complex communication access needs. The use of a community-led co-design approach resulted in a deeper understanding of the individual communication accessibility requirements, barriers, and lived experiences of persons who use AAC, within the online meeting context.

Participants (‘co-designers’) designed and took part in collaborative design sessions aimed at developing ideas for supporting communication access and inclusion throughout the process of meeting online. Through cross-community collaboration, we co-designed an open-source communication access toolkit for online meetings.

The toolkit includes accessibility guidelines with a protocol for holding accessible and inclusive online sessions; suggested accessibility features and plugins for meeting platforms; and a template for a collaborative participant notebook.

The design outcomes provide guidance to the general population on how we might ensure that online meetings of all forms are inclusive and accessible for diverse and complex communicators, as we all have a right to communicate with dignity in ways where we understand and are understood.

Making questionnaires more readable

A young woman sits at a desk with her laptop open. She has her face covered by her hands and is indicating distress. Time to make questionnaires more readable.One area of inclusion and accessibility that often gets forgotten is readability of forms and questionnaires. Academics and marketing professionals regularly use surveys to get information from specific groups of people. Within those groups will be people with varying levels of capability in terms of being able to decipher what’s on the screen or form. And it isn’t all about literacy and reading ability. It’s about the different ways people see and interpret the information. Here are some good tips for making questionnaires more readable from Alex Haagaard in Medium

Likert Scales

Likert scales aren’t great for screen readers because they often interpret them as tables. But much depends on the design of the survey platform. Even if they are screen-readable, Likert scales can be difficult for people who are neurodiverse. People who are autistic or dyslexic struggle with visual tracking across and between rows. This creates the need to exert more brain power to focus on getting the corresponding check box. 

Instead of using a Likert scale, use a series multiple choice questions to capture the same information. Creating page breaks to separate distinct sections of the questionnaire also helps with readability for everyone.

Balancing access conflicts

A hand holding a pen poised on a questionnaire form ready to check a box on the form. There is lots of lines of text and check boxes. As is often the case, making something more accessible for one group can create problems for another. So it’s important to identify these early and eliminate or mitigate the barriers. 

One solution is to provide optional comment boxes where the participant can choose whether to reply in their own words. People who want to quickly complete the questionnaire can skip this.  

Haagaard takes things a step further with a suggestion to provide detailed explanations about terms and concepts at the beginning of each section. However, this is tiresome for screen readers and others might find this overwhelming. Participants can be asked at the beginning of the survey if they would like the key information repeated for each section. Those who say no can have the concise experience.

In summary, Haagaard acknowledges that it is unrealistic to assume that anything can be fully accessible to everyone. That means that there will still be occasions where an alternative means of participating is required. This might be an interview or an email. 

The title of the article is Making Your Surveys More Readable. This is the third in a series on cognitively accessible survey design. 

Accessibility Toolbar