A presentation at ๐ฆ๐๐๐ฑ๐ถ๐๐บ ๐๐ฒ๐ป๐ฒ๐ฟ๐ฎ๐น๐ฒ - ๐๐ป๐ฐ๐น๐๐๐ถ๐๐ถ๐๐: ๐ต๐ผ๐ ๐๐ผ ๐ฑ๐ฒ๐๐ถ๐ด๐ป (๐ผ๐ป๐น๐ถ๐ป๐ฒ) ๐ฝ๐น๐ฎ๐ฐ๐ฒ๐, ๐๐ฝ๐ฎ๐ฐ๐ฒ๐ ๐ฎ๐ป๐ฑ ๐ฒ๐๐ฒ๐ป๐๐ ๐๐ต๐ฎ๐ ๐ฎ๐ฟ๐ฒ ๐ฎ๐ฐ๐ฐ๐ฒ๐๐๐ถ๐ฏ๐น๐ฒ ๐ณ๐ผ๐ฟ ๐ฒ๐๐ฒ๐ฟ๐๐ผ๐ป๐ฒ in in Breda, Netherlands by Marlies Klooster
YOUR WEBSITES & APPS (A11Y) ACCESSIBLE
I am a Project lead & advisor on accessibility (digitale toegankelijkheid) โข Advisor for Program DigiToegankelijk โข Independent trainer on accessibility โข Blogs & more @ www.IfYouManagement.nl
The story of stations and public transport 3
Newly built public buildings 4
But then: 2 visually impaired mayor in 2 yrs time: Tjarda Struik ( Leiderdorp) and Marcel Oosterveer (Waalre) 5
Uitzending Kassa 24 mei 2022 Met: Actrice Aysegul Karaca en radiomaker Sander Smale โInternettoegankelijkheid voor gehandicaptenโ 6
Have you ever used speech software? If not you, do you know people who do? Did you ever need to help a person with a digital service? Do you know any apps or websites you find hard to use? 7
What do we want to do? Where are we going? What is there to do? How do we go there? Can I park? How far is the stop? Can my assistance dog enter? Etcโฆ 8
EXAMPLE: RIJKSMUSEUM 9
EXAMPLE: EFTELING 10
โข Access to devices โข Learning to use the internet โข Use plain language โข Make websites & apps accessible 11
WCAG = Web Content Accessibility Guideslines with 4 principles: โข Perceivable โข Operable โข Understandable โข Robust
Avoid reparations: FTR Saving costs Easier to use for everybody Better image Trust & goodwill 13
MAKING INCLUSION VISIBLE: REPRESENTATION BEYOND THE STANDARD 14
THE LAW: IN EU & NL 15
DUTCH LAW (GOVERNMENT) 2016 - NOW 22 december 2016 1 juli 2018 23 september 2019 23 september 2020 23 juni 2021 1 april 2023 EU guidelines Dutch law comes into effect All new websites (after 23 sept 2018) must comply Alle websites must comply All mobile applications must comply New law on digital government: supervision will be set up
GOVERNMENT DASHBOARD 17
โข Idea by business woman Martha Lane โข Minister Francis Maude says yes! โข Padman Gillen & team at work. โข In 15 months from 300 down to 1 government website (Note: Managing Chaos is a book worth reading by Lisa Welchman!)
โข Other organizations, not being government, must also comply โข Because of the Wet gelijke behandeling inzake handicap en/of chronische ziekte (Wgbh/cz). This law refers to WCAGโฆ โข Soon: EU Accessibility Act: โข Webshops โข Online banking โข Websites and platforms for streaming โข E-books โข ATM 19
Headers & language Images Color contrast Subtitling & audiodescription 20
Create a logical reading and navigation order. โข With H1, H2, H3 etc โข Indicate the main language of your text/file โข Use consistent formatting: Use the same styles, fonts, font sizes, and colors throughout the document. โข Make headings, hyperlinks and button texts unique and descriptive. 21
โข Provide an alt text, which means โalternative textโ, of a maximum of 125 characters. โข Check images that do not convey useful information as โdecorativeโ as follows alt=โโ. Do this in moderation. โข Use as few images with text as possible. In any case, also write out the text. โข For SEO, use at least two keywords in the alt text. 22
โข Contrast is measurable. At least a ratio of 3:1 to the background color. โข Donโt use color as the only means of conveying information. Add textual information or shading. โข There are various tools available with which you can test the contrast, e.g. Color Contrast Analyzer. โข Tip: it starts with a corporate identity with the right colors and contrast options 23
โข Create subtitles with closed captions (the CC on YouTube, for example). โข Easy: use socalled SRT files, can be turned on and off, searchable! โข If subtitles are โingrainedโ, they are not searchable โข Use audio description for sounds with information value โข Transcript useful and good for SEO! Only mandatory for โpure audioโ (podcast without images). 24
โข Focus on the user. It has to work for him/her/them. Not the other way around โข Huge consequences if you donโt, because every โcustomer journeyโ is at least partly digital these days โข So understand what the barriers are and remove them. โข Do this with WCAG. โข And representation. โข And clarity. โข And itโs not just me saying that, the law says so too ;)
Marlies Klooster +31-6-11207421 marlies@ifyoumanagement.nl www.ifyoumanagement.nl
Marlies Klooster is advisor, trainer and project manager in the field of digital accessibility. Her focus is to improve digital accessibility at the government, so that it will lead to online spaces that are easy to use, accessible and in line with Dutch law and regulations. She helps government organizations to create websites and apps, as she is part of the program Digitoegankelijk of the Dutch Ministry of the Interior and Kingdom Relations. During the Studium Generale Marlies will use good practice examples to show us which standards you can use (including Web Content Accessibility Guidelines (WCAG)) and how to implement quick wins that can offer a lot of benefits to different kinds of users.
for free. You
can too.