WeAreDeveloper Live: Accessibility in the EU, CSS Gaps and forms with Emma Dawson

Is your website ready for the European Accessibility Act? By June 2024, this law will require most private sector sites to be legally compliant.

#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