thumb-image-108929

Web accessibility

Design for people with disabilities: basic tools, WCAG principles, testing, and error evaluation

Experts: Dmytro Popov, Alla Oliinyk, Yevhenii Shykiriavyi

How to make a design for the blind and people with motor impairments? Here you will find detailed instructions on how to create an inclusive website, electronic document, or mobile application.

 

The main focus of the educational series is on designing a website according to WCAG standards for an audience with low vision, visual or motor impairments. Listen to an overview of how screen readers work and get started with creating your design.

 

In the series, experts will take a step-by-step look at how to adapt non-textual content and multimedia, manage color and contrast, and simplify navigation for keyboard users. Learn how to properly organize materials, name documents and elements of the website or app structure, and write readable texts for users with cognitive disabilities.

 

With these recommendations, it's easy to make websites barrier-free for people with limited mobility.

 

The series was developed at the initiative of the Ministry of Digital Transformation of Ukraine for the Diia.Education platform with the support of the Digital, Inclusive, Accessible: Supporting the Digitalization of Public Services in Ukraine Project (Diia Support Project) implemented by the United Nations Development Program in Ukraine with financial support from Sweden.

Format:
Education series
EKTS:
0.2
Languages:
Ukrainian
Topic:
Barrier-Free
For:
for designers, for public servants, for CDTO
Competencies:
Internet and online-apps usage
Skills:

Program

thumb-image-108947

Get started

Episode 1. Digital accessibility & support technologies

In the first episode, we'll find out how people with limited mobility master digital technologies, what screen readers are, and how they work on different operating systems. We’ll also determine how to make the material accessible and user-friendly — what principles and standards should be followed.
thumb-image-108953

Episode 2. Alternative versions of non-text content & multimedia

In this episode, we'll look at how to adapt non-textual content and multimedia for low-mobility users. You'll get practical tips on writing alternative texts and algorithms for adding text descriptions to images on various platforms, websites, and social media.
thumb-image-108959

Episode 3. Color, contrast, adaptability

The third episode is about visual accessibility of content for all users. We'll learn how to create alternative text versions for information conveyed by color and links, and define contrast rates to make the text readable. You'll get tools to help you check responsive design and contrast ratio on all the devices you can use yourself.

Invited experts

thumb-image-108968
Dmytro Popov
Digital Accessibility Consultant at UNDP Ukraine, Director of the Digital Accessibilaty Laboratory
thumb-image-108972
Alla Oliinyk
State expert of the expert group on issues of strategic development of personnel management of the General Department on issues of personnel management in the civil service and in local self-government bodies of the NAUCS
thumb-image-108976
Yevhenii Shykiriavyi
Design manager at Eleks, co-author of the course "Inclusive Design of Graphical Interfaces" and co-author of the authorized translation of WCAG 2.1 into Ukrainian

Partners

thumb-image-108983

United Nations Development Programme in Ukraine

thumb-image-108986

Sweden

You may also like