WeAreDevelopers LIVE - - Gaps in CSS, EU Accessibility Act and more!

The EU Accessibility Act is coming to the private sector. Is your e-commerce or banking site ready for the June 2024 deadline?

#1about 5 minutes

From teaching to tech and web accessibility

A former teacher explains how adapting lessons for students with different needs provided a natural transition into web accessibility.

#2about 6 minutes

Learning front-end development by recreating existing websites

The "Front End Practice" website provides a practical way to learn by deconstructing and rebuilding real-world UIs, which demystifies design and coding techniques.

#3about 3 minutes

A new CSS proposal for creating element separators

A proposed CSS feature aims to simplify creating separators between elements, avoiding hacky solutions like manipulating the borders of the first or last child.

#4about 7 minutes

Why styling native form controls improves accessibility

Allowing developers to style native HTML form elements with CSS encourages their use over inaccessible custom components built from divs.

#5about 5 minutes

Navigating the complexities of CSS spacing and gaps

The various CSS properties for managing space like margin, padding, and gap can be confusing, leading to inconsistent layouts and overly complex code.

#6about 7 minutes

What the European Accessibility Act means for developers

The European Accessibility Act (EAA) extends accessibility requirements to private sector services like e-commerce and banking, making compliance mandatory.

#7about 4 minutes

The limitations of using AI for generating alt text

While AI can help generate alt text for large image libraries, it often lacks the contextual understanding of a human, requiring manual review for accuracy.

#8about 8 minutes

Where to find reliable accessibility testing resources

Instead of relying on simple checklists, developers can use resources like WebAIM and tools like Accessibility Insights to conduct thorough accessibility audits.

#9about 5 minutes

Navigating inconsistent accessibility support across browsers

A "Can I Use" for accessibility reveals inconsistencies in how features like ARIA are supported across different screen reader and browser combinations.

#10about 3 minutes

How Safari broke list semantics with `list-style: none`

Safari's decision to remove list semantics when `list-style: none` is applied forces developers to add `role="list"` to ensure lists are announced correctly by screen readers.

#11about 3 minutes

Building accessible animated accordions with native HTML

The native `details` and `summary` elements provide a semantic and accessible foundation for creating accordions that can be enhanced with CSS animations.

#12about 5 minutes