1 of 22

Accessible

presentation

Iryna Slisarevska

EPAM Proprietary & Confidential.

April 2024

EPAM Proprietary & Confidential.

2 of 22

About me

Software Testing Engineer
Tester for accessibility on different projects since August 2021
Community Speaker
Mentor for students as Accessibility Lead
Prepare: training program and e-learn courses.

EPAM Proprietary & Confidential.

3 of 22

Agenda

About accessibility overview

How to do presentations accessible

Check accessibility in the presentation

In a nutshell

Q&A session

Practical part

EPAM Proprietary & Confidential.

4 of 22

About accessibility

Accessibility Testing (A11y) is a field of knowledge that studies the accessibility of websites, mobile applications and software for people with disabilities.

The point is that the content on the site should be accessible to all, despite any restrictions:

visual impairment: blindness, poor eyesight, color blindness;
hearing impairment: deafness, hearing loss;
disorders of the musculoskeletal system;
speech disorders;
mental disorders: difficulty perceiving new information, inability to focus on large amounts of information;
limited fine motor skills: limited ability to use a mouse, slow reaction;
as well as various combinations of defects.

EPAM Proprietary & Confidential.

5 of 22

Examples of disability

EPAM Proprietary & Confidential.

6 of 22

Why is it important?

More than 1 billion people live in the world with disabilities and this number continues to grow every day.

Web Content Accessibility Guidelines (WCAG) 2.2 - standard

Accessibility levels by WCAG:

* Minimal (A) - includes 30 basic success criteria;

* Middle (AA) - includes 20 new points

of the standard, as well as 30 points of level A;

* High (AAA) - includes AA and A levels, adds 28 more points, which greatly tighten the requirements

EPAM Proprietary & Confidential.

7 of 22

How to make presentations accessible

Check contrast and use of color
Write titles to each screen
Write alt-text to the images and diagrams
Check typography
Check reading order

EPAM Proprietary & Confidential.

8 of 22

Contrast ratio

1.4.3 — Contrast (Minimum) — Level AA

Small text is at least 4.5:1 (font size less then 18), large text – 3:1

Non-text elements should have contrast ratio at least 3:1

Color contrast analyzer

EPAM Proprietary & Confidential.

9 of 22

Some tricky cases

Case Study 1

Lorem ipsum explanation goes here

Case Study 2

Lorem ipsum explanation goes here

Case Study 3

Lorem ipsum explanation goes here

Case Study 4

Lorem ipsum explanation goes here

EPAM Proprietary & Confidential.

It`s better to add background for the text that on the images or with gradient

EPAM Proprietary & Confidential.

10 of 22

Use of color

Answer 1

Answer 2

Trichromacy / Normal 🡪

Red-Blind/Protanopia 🡪

Green-Blind/Deuteranopia 🡪

Blue-Blind / Tritanopia 🡪

EPAM Proprietary & Confidential.

11 of 22

Importance of titles

The title of the page describes the topic or purpose.

The user understands that a new slide has opened and understands what topic will be revealed.

If a new page has opened, and the screen reader does not announce anything, the user does not understand if a new page has been opened.

EPAM Proprietary & Confidential.

12 of 22

Label images with alt text

EPAM Proprietary & Confidential.

13 of 22

Create diagrams with alt text and labels

Bad example

Good example

Examples from Dequeunivercity.com

EPAM Proprietary & Confidential.

14 of 22

Attention on typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. – not readable

Line spacing = 1

Lorem ipsum donec. Nec justo eget. Lorem ipsum eget felis porttitor mauris nec justo eget. Lorem ipsum donec. Nec justo eget

Line spacing = 1.5

Lorem ipsum donec. Nec justo eget. Lorem ipsum eget felis porttitor mauris nec justo eget. Lorem ipsum donec. Nec justo eget

Lorem ipsum donec. Nec justo eget. Lorem ipsum eget felis porttitor mauris nec justo eget.

Lorem ipsum donec. Nec justo eget. Lorem ipsum eget felis porttitor mauris nec justo eget. Lorem ipsum donec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. (Times New Roman, Arial, Calibri)

Set the font size to at least 18 point for PowerPoint and even larger where appropriate

EPAM Proprietary & Confidential.

15 of 22

Check for accessibility

Review -> Check accessibility

EPAM Proprietary & Confidential.

16 of 22

Results

EPAM Proprietary & Confidential.

17 of 22

Practical part

You can change manually reading order

EPAM Proprietary & Confidential.

18 of 22

Set the title

There are two ways to set the slide title

EPAM Proprietary & Confidential.

19 of 22

Add the alt text

There are three ways to add alt text: on menu bar, at the right on accessibility section and right click the mouse

and choose View Alt text

EPAM Proprietary & Confidential.

20 of 22

Decorative images

Decorative images could be marked as decorative, so the screen reader will not announce it.

EPAM Proprietary & Confidential.

21 of 22

In a nutshell:

It is impossible to know for sure that the end user of a presentation does not have any disability.

This presentation does not include all of the items that should be accessible.

All UI elements should also be contrast.

Videos must have subtitles / text alternative/ transcription.

NOTE: some people are sensitive to flashes, shiny elements. It can cause an epileptic seizure. If you can`t avoid such elements in the presentation, you must warn people before the slide.

Each of us can make our presentation accessible and understandable to a wide range of people. It's not difficult, it doesn't take much time. But this is how we show our respect and attention to people with different needs.

EPAM Proprietary & Confidential.

22 of 22

Thank you!

If you have any questions, contact me

Iryna Slisarevska

Software Testing Engineer, Accessibility QA

Iryna_slisarevska@epam.com

EPAM Proprietary & Confidential.