Introduction

Hey, cool cat! You’ve made it all the way to the third and last lesson in this module. Along the way, you’ve learned about what accessibility is, some ways to test it, and a handful of convenient semantics you can apply to increase the accessibility of your screens. What’s left to learn?

Well, now we’re bringing out the goooood catnip. Are you ready for this intensity? It’s time to look at custom components—built from scratch!

Note: While the previous lessons only required a basic understanding of Jetpack Compose, this lesson expects a higher level of proficiency. Before moving on, ensure you understand Layout and Canvas components.

Getting Started

This lesson introduces two new files: SleepBarGraph.kt and SleepChart.kt. You can either start fresh with the starter project for this lesson or continue using the project you’ve been working with so far by copying over these two files.

Alun neuw hgiqaj tnosoqk ew Ezfveuw Rtuhuu ifd hedyowie at!