Empathy to Mindfulness – A beginners guide to creating an accessible document

Part 1: From Empathy to Mindfulness

Empathy has been a keyword inDesign Thinkingover the past decade, a skill required to create a thoughtful, soulful design. Being human-centred requires empathy, as it is the foundation of understanding. I regard empathy as being able to put myself in the other person’s shoes in order to deeply understand the person’s feelings, motivations and challenges. 

From a design perspective, through this empathetic way of thinking, designers are more likely to create effective solutions. However, let’s expand upon this idea of empathy to include how we ourselves act on our attempts to understand. While empathy is essential, let us make this decade about being mindful. To be effective with design thinking in learning design, we need to include mindfulness at every step.  

Six steps from empathy to mindfulness for accessibility:

2. Be aware
Accept reality by seeing things as they are. All learners are different, and their learning needs are varied. Accept that it is a possibility that some learners may find it hard to understand or access the content, and consider how you can help all your learners.
3. Deep breathe
Do not be overwhelmed but pause. Before you plan your next steps, take a moment to do a deep breathing exercise to build focus. Try this as a practice when you are stuck in your work or feeling overwhelmed.
4. Meditate
Not by emptying the mind but by allowing your mind to reflect, ideate and strategize solutions. There are so many aspects to accessibility, and as you reflect and jot down thoughts, you will be surprised at how much you can do to support the work on accessibility.
5. Start a dialogue
Attend sessions, speak to your peers, and ask questions. Allow yourself to be curious and remain open to new ideas, current trends, and conversations.
6. Act mindfully
The final step is to put all of it into practice. You may have many questions "Where can you start?", "what documents can you work on" "which tools should you use" "what are the minimum requirements for accessibility." For a strong foundation, start small and build on it.
Previous slide
Next slide

Part 2: Practising Accessibility

For example, take a look at any Word document you might be using in your class. Our beginner’s guide can start right there. 

Organize content

For easy-to-read accessible content, use headings and subheadings. Adding headings and subheadings will add structure and navigability to your documents, allowing people with learning disabilities to jump to their desired content. Headings put content in groups and allow users with screen readers to jump through the topics that interest them. Heading 1 is the biggest and refers to the title of the subject, and Heading 6, the smallest, is the subsection heading. To format content in Word, use the Style Pane on the ribbon. “Styles Pane” in Microsoft Word and choose your Heading 1, 2 and so on. If you just adjust your headings with bold or italics, your students who use screen readers will miss your visual attempts at structuring a document. 

Screenshot of Microsoft word with Styles panel highlighted.
Snapshot of the Word styles menu, highlighting H1 and H2 styles

Working with images and ALT Text

The ALT stands for Alternative. ALT text describes an image for people who cannot see it because they use a screen reader or because the image did not load. The purpose of ALT text is to provide an equivalent experience to all learners, even if they cannot view the image. ALT images can be brief but descriptive. I recommend 100 characters. They should describe the image in such a way that it can generate an equivalent emotional quotient for the person seeing the image.

Microsoft Word allows users to generate ALT text descriptions using an inbuilt AI (artificial intelligence) feature. To do this:·  

    1. Right-click on the image and Click View ALT text.
    2. Then click Generate ALT text for me, which will generate text for you
    3. Or write your own

The AI-driven ALT-text will give you an idea of what to add in the image description field to support the content though it is rarely adequate for your purposes. You may wish to adjust the description to suit the context of which your image is a part.

snapshot of an image in Word as well as the right-click menu options with the "view Alt Text" option highlighted.
Snapshot of Accessibility tool in Word. This screenshot highlights the alt text area for adding image description using the AI feature.

Infographics

Support infographic with text version

for the person using a screen reader to have an equivalent experience. If the infographic text is more than 100 characters, it is better to include the details of the infographic in a text version instead. 

 

Here is an example of an infographic supported with a text version from the Canadian government website:

Use colour mindfully

Do not rely solely on colour when presenting comparative data.

Visually impaired learners see colour differently. For example, a person with colour blindness will see red and greens differently and is not likely to differentiate between the two colours. Supporting the graphic with relevant labels provides more clarity and will build an equivalent experience. The image below compares how visually impaired persons may view colour differently.

The image below compares how visually impaired persons may view colour differently. This image shows red and green colours converting differently

Try out this Color Blindness Simulator tool to see how your image might appear to students with colour blindness.

Add enough contrast for readability.

Add enough contrast for legibility and readability. The graphic below shows how the white text does not have enough contrast and will not meet the accessibility requirement as per WCAG AA guidelines. Another tool you can try to check if your font/graphic colours meet the contrast requirement is Webaim Contrast Checker.

Ideally, the contrast between the text and background should be greater than or equal to 4.5:1 for small text and 3:1 for large text, as per WCAG AA guidelines. 

Comparison to show how white text is more readable when there is enough contrast

Guiding readers with links

For hyperlinks, avoid using generic text such as click here or read here, as screen readers will not know where these links go, as these are not descriptive enough for screen readers. Instead, use descriptive text for hyperlinks. For example, “watch the graduation ceremony” or “2023 budget report. Additionally:

Fonts and Text - barriers to my own learning

While my heart, spirit, and soul live young, my vision cannot keep up with my young heart. Age is catching up to me. This is my barrier to learning and I am more vocal about not being able to read smaller font sizes or not being able to read PowerPoint slides from the projector. It sometimes becomes embarrassing; at that moment, I would like to hide behind people or rely solely on my listening skills to consume the content.

Fonts sizes are essential to making content accessible for people with disabilities and for people regardless of their age.

It is simple and easily achievable. Use the inbuilt table feature in Word by choosing the Insert menu and clicking on Table. Make sure to give headings to columns and rows as needed.

Multimedia and Animations

For people with vision, cognition and hearing disabilities, creating more inclusive learning content is imperative so everyone can have an equivalent experience. 

As you develop documents , you could check if your document meets Accessibility requirements. To do that, in Microsoft Word click on Tools > Accessibility check to view the Inspection Results. Consider these inspection results as your friend and guide. Use these inspection results to fix your documents. Pay special attention to Errors and Warnings for a must-fix. 

 

If you’re unsure on how to fix it, Follow the instructions for Steps to Fix it found at the bottom of the tool.

Screenshot of Accessibility Inspection results that shows errors and suggestions to fix those errors.

Use these simple techniques above as you build a syllabus, learning modules, and resources for your courses. Don’t be afraid to ask for help, practice, develop, test, repeat and share.

 

As we press forward for progress, let us be empathetic and mindful. 

 

If you would like to connect and have conversations, we would be happy to talk to you.

About Kavita George

Kavita is creative at heart and believe form follows function. She enjoy finding creative ways to solve problems and create designs that are usable and relevant.

This list adapted from Checklist for Accessibility, Accessibility Toolkit – 2nd Edition by BCcampus, CC BY 4.0.