Emma Dawson
WeAreDeveloper Live: Accessibility in the EU, CSS Gaps and forms with Emma Dawson
#1about 5 minutes
From inclusive teaching to web accessibility
A former teacher's journey into web development highlights how principles of inclusive education apply directly to creating accessible web experiences.
#2about 7 minutes
Learning web development by replicating existing websites
Replicating existing websites is an effective learning method that demystifies design and teaches practical skills implicitly.
#3about 3 minutes
A new CSS proposal for styling content separators
A proposed CSS feature aims to simplify creating separators between layout items, replacing hacky solutions that rely on borders.
#4about 7 minutes
Balancing design freedom and accessibility in form styling
New CSS capabilities for styling form controls can improve accessibility by encouraging the use of native elements over custom, inaccessible widgets.
#5about 5 minutes
Managing custom gaps in CSS flexbox and grid layouts
Exploring different CSS techniques for managing spacing and gaps between layout items highlights the trade-offs between control and complexity.
#6about 7 minutes
Understanding the upcoming European Accessibility Act
The European Accessibility Act (EAA) will soon require private sector services like e-commerce and banking to meet specific accessibility standards.
#7about 3 minutes
Using AI to generate alternative text for images
While AI can help generate alternative text for large image libraries, human review is crucial to ensure context and accuracy.
#8about 8 minutes
Finding accessibility checklists and building team empathy
Beyond checklists, building empathy through hands-on testing with simulated impairments is key to understanding and prioritizing accessibility.
#9about 4 minutes
Navigating accessibility support across different screen readers
A 'Can I Use' style resource for ARIA and accessibility features helps developers navigate inconsistent support across various screen readers and browsers.
#10about 7 minutes
Creating accessible lists and animated accordions
Properly using native HTML like the details element for accordions ensures built-in accessibility, avoiding common pitfalls from custom solutions.
#11about 5 minutes
Using fieldset and legend for accessible form groups
Grouping related form inputs with the fieldset and legend elements provides crucial context for screen reader users, despite being commonly overlooked.
#12about 5 minutes
Final advice on making accessibility a priority
The key to effective accessibility is to integrate it from the beginning of the development process and to prioritize progress over perfection.
Related jobs
Jobs that call for the skills explored in this talk.
Featured Partners
Related Videos
1:10:08WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more!
Chris Heilmann & Daniel Cranney & Emma Dawson
24:30Oh S***! There's a New Accessibility Law and I'm Not Ready!
Emma Dawson
1:09:45WeAreDevelopers LIVE – Inclusion, Accessibility & Automation
Chris Heilmann, Daniel Cranney & Daniela Kubesch
1:06:13WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more
Chris Heilmann & Daniel Cranney & Dirk Ginader
50:33Fireside Chat: Can Regulation Improve Accessibility? - Léonie Watson
Léonie Watson
31:30Accessibility powered by AI
Ramona Domen
1:42:35WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more
Chris Heilmann, Daniel Cranney & GrahamTheDev
38:58WeAreDevelopers LIVE - Is Software Ever Truly Accessible?
Chris Heilmann, Daniel Cranney & GrahamTheDev
From learning to earning
Jobs that call for the skills explored in this talk.
Senior Backend Engineer – AI Integration (m/w/x)
chatlyn GmbH
Vienna, Austria
Senior
JavaScript
AI-assisted coding tools
Platform Accessibility Tester
Instinct Resourcing
Charing Cross, United Kingdom
Salesforce
Adobe Analytics
Frontend Developer - Europe (Full-remote) - European Commission
The White Team
Municipality of Bilbao, Spain
Remote
€59-65K
CSS
Twig
Drupal
+2
Passionate Javascript developer
Edjuster
Municipality of Madrid, Spain
Remote
React
Node.js
JavaScript
Extreme Programming (XP)