Presentations on accessibility, HTML and CSS for designers and developers
A deep dive into accessible notifications
This presentation explores the different notification types and asks whether they require attention, user action, announcement, keyboard access and more.
Accessible chat windows
This presentation explores how to make a chat window so that it can be accessible to a wide range of users.
Accessible Names and Descriptions - Intopia
This presentation explores the importance of accessible names and descriptions, and how you can use these for testing
Accessible names and descriptions - How are they calculated?
A deep dive into how accessible names and descriptions are calculated - to determine which of them win!
Everything you ever wanted to know about the accessibility tree
This presentation explores the accessibility tree and how it can help you to quickly identify accessibility issues.
A deep dive into accessible names
What are accessible names? Why should you care? What is the difference between these names and visible text lables?
What are accessible names and why should you care?
What are accessible names? Why should you care? What is the difference between these names and visible text lables? (Slides)
Accessible States in Design Systems
This presentation explores hoe to systemise and document all the possible component states in your design system.
Accessible states in Design Systems
This presentation explores hoe to systemise and document all the possible component states in your design system. (Slides)
Building an accessible progressive loader
This presentation takes you through how to mark up a progress loader using the progress element with tips along the way!
Accessibility in Design systems - the pain and glory
Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege"?
Accessible Inline Error Messages
This presentation looks at how to mark up accessible inline error messages so that users can identify and resolve issues.
Accessible Form Hints and Errors
This presentation looks at how to mark up accessible form instructions so users can sucessfuly complete the process. (Slides)
Accessibility in Pattern Libraries
Where should accessibility be included in pattern libraries? Come on a journey to explore the pain and glory!
Building an accessible auto-complete
This presentation looks at how to mark and and style a complex auto-complete component so that it is accessible to everyone. (Slides)
Creating Acessible floating labels
This presentation explores a range of accessibility issues associated with floating labels, as well as an accessible option. (Slides)
Creating an Accessible button dropdown
This presentation looks at how to mark and and style a dropdown menu component so that it is accessible to everyone.
Creating a Simple, Accessible On/Off Switch
This presentation looks at how to mark and and style a basic on/off component so that it is accessible to everyone.
Accessible custom radio buttons and checkboxes
This presentation looks at how to mark and and style custom radios and checkboxes so that it is accessible to everyone.
Deep Dive into Line-Height
CSS line-height seems simple, but is extremely complex. Come on a deep dive to learn more than you ever thought you'd need!
Building Accessible Web Components
This presentation explores how to build a range of accessible web components, as well as reviewing some popular frameworks.
Building accessible web components without tears
This presentation explores how to build a range of accessible web components, as well as reviewing some popular frameworks.
Understanding the mysteries of the CSS property value syntax
A deep dive into the weird world that is how CSS properties are defined. Unlock one of the worlds strangest secrets! (Slides)
Front End Frameworks - are they accessible
A look at a range of front-end frameworks to determine their levels of accessibility.
aria-live: the good, the bad and the ugly
A deep dive into the world of aria-live and how it can make dynamically injected content accessible to everyone.
Specialise or cross-skill
A light-hearted look at the ever-changing world of design and development, and how our titles constantly change.
Accessible modal windows
This presentation looks at how to mark and and style an accessible modal window so that it is accessible to everyone.
Accessible in-page-tabs
This presentation looks at how to mark and and style an in-page tabs component so that it is accessible to everyone.
CSS pattern libraries
A look at how CSS pattern libaries have grown and matured over the years. And how to dive into your own.
Responsive Web Design - more than just a buzzword
A look at responsive web design and how it has already begun to change modern web design and development.
Three quick accessibility tips for HTML5
Some quick tips and tricks to using HTML 5 for accessibility.
CSS: past, present and future
A journey through the early days of CSS - some of the highlights and lowlights, that have shaped our modern era.
CSS - OOCSS, SMACSS and more
A look at modern CSS processes and how they can be used to make your work more efficient, especially at scale. (Slides)
CSS: a rapidly changing world
A divev into the ever changing world of CSS, what is happening, what you need to focus on and why.
Responsive Web Design
A look at responsive web design and how it has already begun to change modern web design and development.
CSS3 - is everything we used to do wrong?
A look at aspects of modern CSS development and how early practices set us up for some failures as we moved into scale.
The myth of "best practice"
Is there such as thing as best practice? Maybe not!
CSS3 Backgrounds
A deep dive into the world of CSS3 backgrounds - new properties, values and shorthands.
CSS media types
A quick look at CSS media types.
Line Height
CSS line-height seems simple, but is extremely complex. Come on a deep dive to learn more than you ever thought you'd need!