Digital Accessibility Workshop

Monday 26 Jun 2023, 09:30 → 12:00 Europe/Zurich

31/3-004 - IT Amphitheatre (CERN)

An introductory workshop to Web/Digital Accessibility at CERN.

Aimed at technical and non-technical people alike, we will be looking at the state of play at CERN, what's in the pipeline, and what YOU can do to make your online text and interfaces more accessible in a wider range of situations, as well as for people who use assistive technologies to access information online.

A3 web_accessibility_at_CERN.jpg

Sketchnote web accessibility at CERN - original size.pdf

UX Mattermost Channel

09:30 → 10:00 Welcome coffee & cookies

10:00 → 10:05 Introduction

IT-PW-IAM

Speaker: Maria Fava (CERN)

Recording

Video preview

10:05 → 10:20 The state of web accessibility at CERN today

IT-GOV-ENG

Speaker: Catharine Noble (CERN)

Development of Web Accessibility Recommendations for CERN (CDS)

Development of Web Accessibility Recommendations for CERN (Zenodo)

Recording

State of Web Accessibility at CERN 2023.pdf

State of Web Accessibility at CERN 2023.pptx

Video preview

10:20 → 10:35 Future Plans

IR-ECO-PRD

Speaker: Joachim Valdemar Yde (CERN)

presentation_the_future_of_web_accessibility_at_cern.pdf

Recording

Video preview

10:35 → 10:55 Concepts and Resources

Speaker: Catharine Noble (CERN)

Concepts-Resources v10.pdf

Concepts-Resources v10.pptx

Recording

Video preview

W3C Web Accessibility Initiative (WAI)

WebAIM Million

Articles & tips

• 1 -WebAIM explanations & articles
• 2- EMBL-EBI example
• 3 - Avoid Using 'Click Here' in Text Links
• 4 - How do the colorblind see the world?

OS accessibility

• Apple (Mac etc)
• Linux
• Microsoft Windows

Tools

• 1 - WAVE Web Accessibility Evaluation Tool
• 2 - Colour palette generator
• 3 - WebAIM resources
• 4 - Web Disability Simulator
• 5 - Design for red/green colour blindness

10:50 → 11:50 Exercises and corresponding examples from CERNBox

FAP-BC-FIN and IT-SD-GSS

Speakers: Elizaveta Ragozina (CERN), Pablo Tamarit (CERN)

Accessibility at CERNBox: Examples.pdf

Accessibility at CERNBox: Examples.pptx

Recording

Video preview

Workshop Exercises

Workshop Solutions

Interactive exercises: detect and fix common accessibility mistakes

During this session, you will be asked to detect common accessibility problems on example web pages.
We will go together through each example, explaining why these mistakes are problematic and ways of fixing them.
By the end of this session, you will be able to spot existing accessibility mistakes in your web pages, and prevent new ones being produced.

Bring your laptop.