# Accessibility Checks with Jetpack Compose Previews

DevFeed: [Accessibility Checks with Jetpack Compose Previews](<https://devfeed.tech/articles/accessibility-checks-with-jetpack-compose-previews-38478.md>)

Original publisher: [Read original article](<https://eevis.codes/blog/2024-03-16/accessibility-checks-with-jetpack-compose-previews/>)

Author: Eevis Panula

Published: 2024-03-16T04:38:36.424000Z

Content type: tutorial

Language: en

Sources: [Eevis Blog](<https://devfeed.tech/sources/eevis-blog.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Android Studio](<https://devfeed.tech/topics/android-studio.md>), [Android](<https://devfeed.tech/topics/android.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [android](<https://devfeed.tech/tags/android.md>), [android-studio](<https://devfeed.tech/tags/android-studio.md>), [compose](<https://devfeed.tech/tags/compose.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [testing](<https://devfeed.tech/tags/testing.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how to use Android Studio Iguana's UI Check Mode with Jetpack Compose previews to audit apps across screen sizes, font sizes, color themes, and accessibility criteria. It describes the Problems panel, the accessibility categories checked, and observed false negatives and false positives.

## Source excerpt

Now that Android Studio Iguana is out and stable, I wanted to write about one feature it provides and I'm excited about: Accessibility checks with Compose previews. This feature is part of the new UI checks for Jetpack Compose, and in this blog post, I'll introduce you to how to use it and provide examples of the issues it finds. Compose UI Checks UI Checks is a new feature shipped with Iguana. It provides a visual way of auditing your app with different screen sizes, font sizes, dark and light themes, and testing accessibility. It works similarly to how visual linting and accessibility checks integrations work for views. Previews have this "Start UI Check Mode"-button at the top right corner: After turning the feature on, it runs the checks and shows all the configurations with problems. If no issues are present, the preview UI doesn't show anything. Here is a picture of what the UI checks mode shows for me from one of the example checks I'll talk about in a bit: It's an overview picture on purpose, so the quality is not good enough to see the details if you try to zoom in. You can find the problems the checker finds in the "Problems"-panel: Accessibility Checks The accessibility checks the UI checks mode runs are the same as, for example, Accessibility Scanner and Accessibility checks integration for views. It checks content labeling, implementation, touch target size, and low contrast categories. You can find more information about each category and its contents in Android Accessibility Help's article Accessibility Scanner results. The contents on that page are pretty much view-related, but each item in the categories has a "learn more" link, and many of them have examples with Compose as well. One note, though: I was trying to reproduce some of the problems the checks should catch, and it didn't flag them. I think I've seen these false negatives (and some false positives) with the Accessibility Scanner app, which makes sense as they use the same API. Let's dive