<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">
	<channel>
		<title>Author at Infinum</title>
		<atom:link href="https://infinum.com/blog/author/iva-omazic/feed/" rel="self" type="application/rss+xml" />
		<link></link>
		<description>Building digital products</description>
		<lastBuildDate>Fri, 17 Apr 2026 13:59:15 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>19274352https://infinum.com/uploads/2026/01/img-a11y-review-1.webp</url>
				</image>
				<title>5-Step Figma Accessibility Review</title>
				<link>https://infinum.com/blog/accessibility-review-in-figma/</link>
				<pubDate>Thu, 29 Jan 2026 11:06:27 +0000</pubDate>
				<dc:creator>Iva Omazić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?p=19274352</guid>
				<description>
					<![CDATA[<p>Discover how to conduct an Accessibility Review in Figma to ensure your already existing designs are accessible to everyone.</p>
<p>The post <a href="https://infinum.com/blog/accessibility-review-in-figma/">5-Step Figma Accessibility Review</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-248"
	 data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-blog-content js-block-blog-content">
	
<div class="block-blog-content-sidebar" data-id="es-92">
	</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-95"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-93">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-94'
	>
	With the <a href="https://infinum.com/european-accessibility-act/">European Accessibility Act</a> in place, accessibility is no longer just a “good idea”. It’s now mandated by the law, compelling many teams to revisit older or still-in-progress products to make them accessible. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-98"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-96">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-97'
	>
	While engineers and testers do their part in an accessibility review, we recommend that designers dive into their Figma files.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-101"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-99">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-100'
	>
	This guide, written by designers for designers, covers conducting accessibility reviews in Figma from start to finish for projects that already exist and need improvements.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-104"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-102">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-103'
	>
	Whereas for new projects, the best move is to <a href="https://infinum.com/accessibility/">build accessibility in from the very beginning</a>, so it’s not something you have to fix later.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-107"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-105">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-106'
	>
	Okay, has everyone opened their Figma yet?</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-110"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-108">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-109'
	>
	<strong>Step 1: Pre-audit setup</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-111">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-112'
	>
	Before you dive into the review, make sure you’re properly set up. That means knowing what you are looking for and which tools will help you along the way.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-116"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-114">
	<h3	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-115'
	>
	<strong>Get familiar with accessibility guidelines</strong></h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-119"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-117">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-118'
	>
	There’s no way around it – you need to get comfortable with WCAG (<a href="https://www.w3.org/TR/WCAG22/">Web Content Accessibility Guidelines</a>). These are the internationally recognized standards that most regulations use to determine if a product is accessible. If you’re not sure whether this affects your product, learn <a href="https://infinum.com/blog/european-accessibility-act/">what the European Accessibility Act means for your business</a>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-122"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-120">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-121'
	>
	WCAG is organized into four core principles: Perceivable, Operable, Understandable, and Robust. Each principle includes a set of success criteria that a product must meet to be considered accessible. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-125"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-123">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-124'
	>
	These criteria are grouped into three conformance levels:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-128"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-126">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-127'
	>
	<li><strong>A &amp; AA</strong> → sufficient for most digital products to be considered accessible. Meeting these levels covers the majority of accessibility needs and makes the product usable for most people with disabilities.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-131"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-129">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-130'
	>
	<li><strong>AAA</strong> → the highest level of accessibility. It is not legally required and is rarely expected in full, but some AAA criteria can be valuable to consider if you’re designing for older users or audiences with specific accessibility needs.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-134"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-132">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-133'
	>
	They are structured this way to cover the entire user experience, making sure people can perceive content, operate the interface, understand the information, and rely on robust code that works across technologies.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-137"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-135">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-136'
	>
	The WCAG documentation is long and sometimes intimidating, but we have resources to make it easier to understand. We created an <a href="https://infinum.com/handbook/accessibility">Accessibility Handbook</a> and a<a href="https://www.figma.com/community/file/1162686263875105735"> Figma Accessibility Overview community file </a>with visual examples of what passes and what doesn’t. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-140"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-138">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-139'
	>
	These are enough to get you started. As you progress, you’ll feel the need to check the official WCAG page for a deeper understanding of specific topics, but by then it will already feel more familiar and less overwhelming.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-143"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-141">
	<h3	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-142'
	>
	<strong>Know which criteria you will audit</strong></h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-146"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-144">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-145'
	>
	Not every criterion can be reviewed in Figma. In existing projects, screen reader order and accessibility labels will be tested in the working product, so your development and QA teams will handle them. Depending on your product, some criteria may not apply. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-149"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-147">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-148'
	>
	For example, if you don’t use animations or have video captions, you can cross out the criteria that apply to them. Narrowing down the list right from the start makes your process quicker.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-152"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-150">
	<h3	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-151'
	>
	<strong>Gather tools and prepare your Figma file</strong></h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-155"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-153">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-154'
	>
	<li><strong>Dedicated file.</strong> Create a separate <em>accessibility review file and</em> a<em> solutions proposal file</em> for redesigns you’ll need later.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-158"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-156">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-157'
	>
	<li><strong>Highlight the issues.</strong> Use simple lines or highlights to point out problematic elements on the screen.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-161"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-159">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-160'
	>
	<li><strong>Label issues directly.</strong> Use notes or annotations to explain which criterion failed and why. Color-coding by WCAG principles helps you quickly identify issue categories and how many there are.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-164"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-162">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-163'
	>
	<li><strong>Use plugins.</strong> We have a long <a href="https://www.figma.com/design/XHKlFNWIQAEU81KlhrtjJY/Accessibility-Guidelines?node-id=3827-5790&amp;t=8EGRTqsfEe5VrUq5-1">list of Figma plugins</a> and community files that you will find helpful, but a contrast checker is essential. Figma’s built-in picker works for some cases, but not always if you’re using styles/variables. So, I recommend starting the <a href="https://www.figma.com/community/plugin/748533339900865323">Contrast</a> and <a href="https://www.figma.com/community/plugin/733343906244951586">Color Blind</a> plugin.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-167"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-165"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-166">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/01/Design-review-blog-visual-backup-1400x1384.webp				media='(max-width: 699px)'
				type=image/webp								height="1384"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/01/Design-review-blog-visual-backup.webp"
					class="image__img block-media__image-img"
					alt=""
										height="2236"
															width="2262"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-170"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-168">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-169'
	>
	<strong>Step 2: Run the audit</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-173"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-171">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-172'
	>
	How you run the audit depends on your project scope and the setup of your Figma file.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-176"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-174">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-175'
	>
	At Infinum, we usually go flow by flow, starting with the most critical user journeys. Making a full product accessible takes time, so it helps to start small, often with a simpler flow to build momentum and avoid overwhelm. From there, check each screen against your criteria list, annotate issues, and move forward. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-179"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-177">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-178'
	>
	The first few screens will feel like the hardest, but once you get into the rhythm, you’ll start recognizing repeating issues. After a few flows, you will know most of the criteria by heart.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-182"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-180">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-181'
	>
	For smaller projects, you can take a different approach by reviewing one principle or criterion at a time, across all screens. For example, check all screens for contrast first, then go through them again to check the correct form labels.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-185"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-183">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-184'
	>
	<strong>Step 3: Document findings</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-188"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-186">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-187'
	>
	The advantage of running reviews in Figma is that the file itself doubles as documentation. For some teams, this will be enough, especially if your clients are comfortable with Figma. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-191"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-189">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-190'
	>
	In some cases, however, using multiple formats can make collaboration smoother. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-194"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-192">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-193'
	>
	Here is a breakdown of the ones we use most often:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-197"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-195">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-196'
	>
	<li><strong>Figma review file</strong> – This is where all the annotated screens live. For tracking issues and a high-level overview, you can use our <a href="https://www.figma.com/design/XHKlFNWIQAEU81KlhrtjJY/Accessibility-Guidelines?node-id=518-30382&amp;t=8EGRTqsfEe5VrUq5-1">Accessibility Checklist</a>. You can also add a dedicated <em>findings page</em> that summarizes the most common mistakes and action points. Once you begin working on fixes, set up a separate <em>solutions proposals </em>page or file where you keep before/after examples to review with the team.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-200"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-198">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-199'
	>
	<li><strong>Document or presentation</strong> – Useful when handing findings off to stakeholders. This format adds context: why accessibility matters, which criteria failed, the most critical issues, and before/after examples that show the impact of fixes.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-203"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-201">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-202'
	>
	<li><strong>Tasks (e.g., Productive, Jira, Miro)</strong> – Turning discovered issues into tasks makes them actionable and trackable. Usually handled by a project manager, this approach keeps everyone aligned from design through development to QA. It will also come in handy when tracking fixes later in the process.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-210"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<a	class="card-simple js-card-simple card-simple--is-ad block-card__card-simple card-simple--has-link js-card-simple-link card-simple__content-align--left"
	data-id="es-204"
	 href='https://infinum.com/accessibility/'>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<p	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-205'
	>
	Don’t let your digital solution frustrate customers</p>		</div>

		<p	class='typography typography--size-16-text-roman js-typography card-simple__paragraph'
	data-id='es-206'
	 id='es-204-paragraph'>
	We can support your accessibility efforts by auditing your existing digital product or building a new, inclusive solution from scratch.</p><button	class="btn btn--color-infinum btn--size-small btn--width-default btn__icon-position--right card-simple__btn js-block-card-btn js-card-simple-link"
	data-id="es-207"
	 tabindex='-1'>
		<div class="btn__inner">
					<div	class='typography typography--size-none js-typography btn__label'
	data-id='es-208'
	>
	<strong>Make your solution accessible</strong></div>		
		<i
	class="icon btn__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-right-16' data-id='es-209'>
	<svg fill='none' height='16' viewBox='0 0 17 16' width='17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g stroke='currentColor' stroke-width='2'><path d='m.5 7.99999 14 .00001'/><path d='m9.23352 2.7251 5.97848 5.97852'/><path d='m9.23352 13.2744 5.97848-5.9785'/></g></svg></i>	</div>
	</button>	</div>
</a>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-213"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-211">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-212'
	>
	Step 4: Align with the team</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-216"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-214">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-215'
	>
	Once the review is finished, the next step is to align with developers and project managers.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-219"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-217">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-218'
	>
	A live handoff session is the best way to do this. Here, designers walk developers through the main findings, identifying which fixes will be design-driven and which will require code changes. It’s also a good opportunity to get developer input, since they may notice issues you missed. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-222"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-220">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-221'
	>
	Together with PMs, the team then prioritizes the fixes, agreeing on scope and order. This ensures everyone is aligned on what to tackle first and how to move forward.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-225"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-223">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-224'
	>
	<strong>Step 5: Track fixes</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-228"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-226">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-227'
	>
	Tracking fixes can be done in several ways, depending on your project setup and team size.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-231"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-229">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-230'
	>
	Once you’ve prioritized what to fix and in which order, start by creating solutions in your <em>solutions proposals</em> file. Review them with developers, align on the changes, then apply them to your actual flows and design system. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-234"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-232">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-233'
	>
	If tasks were created earlier, use them to track progress. If not, open your own tasks or create a to-do list; sometimes even something as simple as adding checkmarks next to the screens in your review file works, giving you a quick overview of what&#8217;s already been fixed and what’s left.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-237"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-235">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-236'
	>
	Consistency beats perfection</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-240"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-238">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-239'
	>
	Accessibility reviews can feel daunting, especially if you’re not fully familiar with the rules or the process. But with the right setup, clear guidelines, and good collaboration with your team, they become manageable. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-243"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-241">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-242'
	>
	Reviews won’t always run smoothly. Some fixes will be straightforward, while others will require deeper research and team support. That’s normal. Over time, you’ll also figure out how to adapt the review process to best fit your team and your workflow. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-246"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-244">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-245'
	>
	What matters is being consistent with accessibility and making steady progress with every project. Hopefully, this guide will help you feel more confident as you take on your next review.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/accessibility-review-in-figma/">5-Step Figma Accessibility Review</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>