<?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>Boost Digital Product Accessibility and Leave No User Behind | Infinum</title>
		<atom:link href="https://infinum.com/blog/digital-product-accessibility/feed/" rel="self" type="application/rss+xml" />
		<link>https://infinum.com/blog/digital-product-accessibility/</link>
		<description>Building digital products</description>
		<lastBuildDate>Tue, 21 Apr 2026 10:07:13 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>36981https://infinum.com/uploads/2023/03/accessibility-blogpost-min.webp</url>
				</image>
				<title>Boost Digital Product Accessibility and Leave No User Behind</title>
				<link>https://infinum.com/blog/digital-product-accessibility/</link>
				<pubDate>Wed, 29 Mar 2023 09:06:52 +0000</pubDate>
				<dc:creator>Emanuel Loborec</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?p=36981</guid>
				<description>
					<![CDATA[<p>Limited digital product accessibility restricts a large number of people from using digital products to order food, use mobile banking, or get a cab. </p>
<p>The post <a href="https://infinum.com/blog/digital-product-accessibility/">Boost Digital Product Accessibility and Leave No User Behind</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-paragraph" data-id="es-93">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-94'
	>
	People often have the impression that the number of people who benefit from digital product accessibility is negligible. The reality is quite different. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-97"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-highlighted-text">
	<p	class='typography typography--size-36-text js-typography block-highlighted-text__typography'
	data-id='es-96'
	>
	<strong>According to the World Health Organization, 1.3 billion people, or 16% of the world’s population, experience some form of disability.</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-100"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-98">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-99'
	>
	Limited digital product accessibility features restrict a huge portion of popularity from using them to order food, use mobile banking, or get a cab. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-103"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-101">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-102'
	>
	Disability can be permanent or situational</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-106"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-104">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-105'
	>
	Furthermore, not caring for digital product accessibility affects not only the permanently disabled but also those with temporary, i.e., situational disability. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-109"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-107">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-108'
	>
	Take a broken arm, for example. Those affected can use their phone with only one hand. Next, think about texting on the phone in direct sunlight. Good luck if the messaging app has poor contrast! Or imagine trying to read something without glasses if there is no option for text enlargement. These are all examples of situational disability.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-112"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-110">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-111'
	>
	Taking into the context that disability can be temporary or situational, it becomes clear how many people are affected by poor digital product accessibility. This is a lose-lose situation for both users and providers because the user misses out on services and experiences, while the providers lose revenue, reach, and conversion.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-115"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-113">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-114'
	>
	Digital product accessibility standards are regulated by law</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-118"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-116">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-117'
	>
	But even if companies were okay with losing revenue, digital product accessibility is not optional. Accessibility standards are regulated by law. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-121"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-119">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-120'
	>
	In the EU, all government websites and mobile apps have to demonstrate a certain level of digital accessibility. In the US, this applies to every website and mobile app – as a result, more than 2000 lawsuits for inaccessible products get filed every year.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-124"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-122">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-123'
	>
	The European Accessibility Act (EAA) that comes into force on June 28, 2025, will require most digital products to conform to Web Content Accessibility Guidelines, level AA.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-127"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-125">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-126'
	>
	Digital <strong>accessibility at every product development</strong> level</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-130"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-128">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-129'
	>
	For a digital product to become truly accessible, appropriate steps should be taken at every stage of the development process. No one person or one team can drive digital product accessibility alone. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-133"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-131">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-132'
	>
	For example, there’s no point in achieving good color contrast if a logical focus order is not implemented. Similarly, an app isn&#8217;t actually tested if nobody tested the screen-reader behavior.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-135"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-highlighted-text">
	<p	class='typography typography--size-36-text js-typography block-highlighted-text__typography'
	data-id='es-134'
	>
	<strong>To ensure that the digital products delivered by Infinum incorporate accessibility principles in every stage of the product development lifecycle, we’ve created the </strong><a href="https://infinum.com/handbook/accessibility" target="_blank" rel="noreferrer noopener"><strong>Accessibility handbook</strong></a><strong>.</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-138"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-136">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-137'
	>
	The accessibility handbook contains our knowledge about digital process accessibility and describes the relevant steps in our development process. Each team provides its domain-specific knowledge in a separate chapter. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-141"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-139">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-140'
	>
	<li>The <strong><a href="https://infinum.com/handbook/accessibility/design/intro" target="_blank" rel="noreferrer noopener">design chapter</a></strong> elaborates on the adapted WCAG principles, providing examples of both compliance and design that don’t comply with WCAG’s A-level.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-144"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-142">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-143'
	>
	<li>The <strong><a href="https://infinum.com/handbook/accessibility/web/aria/introduction" target="_blank" rel="noreferrer noopener">web development chapter</a></strong> explains accessibility semantics defined by the Accessible Rich Internet Application (ARIA). It describes how to apply accessibility semantics to common design patterns. This is what our WordPress and JavaScript teams have used to incorporate accessibility into their processes.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-147"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-145">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-146'
	>
	<li>The <strong><a href="https://infinum.com/handbook/accessibility/mobile/accessibility-mobile-standards" target="_blank" rel="noreferrer noopener">mobile development chapter</a></strong> of the handbook explains how to create accessible native apps, including separate approaches for Android and iOS. </li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-150"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-148">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-149'
	>
	<li>The <strong><a href="https://infinum.com/handbook/accessibility/qa/accessibility-testing-for-mobile-apps/introduction" target="_blank" rel="noreferrer noopener">quality assurance chapter</a></strong> presents testing methods for web and mobile platforms. It includes our recommendations for testing accessibility plus provides guidance for testing with assistive technologies. </li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-153"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-151">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-152'
	>
	Now, let’s look at accessibility standards in a little more depth.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-156"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-154">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-155'
	>
	<strong>Evolving the existing accessibility standards to address the mobile experience</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-159"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-157">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-158'
	>
	As the World Wide Web grew, standards had to be developed to ensure its long-term growth and the organization in charge of those standards is the World Wide Web Consortium (W3C). Because of its massive popularity, the Web is the first platform that had to incorporate accessibility standards. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-162"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-160">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-161'
	>
	These standards are presented in the Web Content Accessibility Guidelines (WCAG), a part of a series published by the W3C. However, while the WCAG provides a definitive set of instructions for creating accessible websites, which includes mobile and responsive websites, mobile apps are still not covered in sufficient detail. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-165"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-163">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-164'
	>
	If you look into Google and Apple’s design guidelines, you’ll find that they do cover mobile apps and take accessibility into account. However, they mostly include patterns specific to each platform.&nbsp;</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-168"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-166">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-167'
	>
	A neutral body like the W3C does not exist for mobile apps and there is no single gold standard like the WCAG, which is why we had to find our own path for <a href="https://infinum.com/blog/best-practices-accessibility-design/">making mobile products accessible</a>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-170"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-highlighted-text">
	<p	class='typography typography--size-36-text js-typography block-highlighted-text__typography'
	data-id='es-169'
	>
	<strong>Based on WCAG, we have come up with a universal accessibility approach that covers both mobile platforms and the mobile Web and includes accessibility in the lifecycle of digital products. </strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-173"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-171">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-172'
	>
	We have been implementing the guidelines in projects that have some of the widest user bases, such as banking and telecom apps.</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-heading" data-id="es-174">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-175'
	>
	Digital accessibility principles by Infinum, structured according to WCAG</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-179"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-177">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-178'
	>
	The digital accessibility principles we implement in our projects are organized in the same way as the WCAG principles. There are three conformance levels across four categories – level A being the minimum level of accessibility in a digital product.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-183"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-180">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-181'
	>
	<strong>Level A</strong> guidelines</p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-182'
	>
	Includes providing text alternatives for non-text content, making sure that the site is usable when stylesheets are turned off, and ensuring that the site is keyboard accessible. It level also includes support for TalkBack/VoiceOver. </p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-187"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-184">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-185'
	>
	<strong>Level A</strong>A guidelines</p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-186'
	>
	On top of the Level A guidelines, this level takes additional steps to ensure that content is accessible to users in a wider range of scenarios. Most accessibility regulations require this level at the moment. </p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-191"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-188">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-189'
	>
	<strong>Level A</strong>AA guidelines</p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-190'
	>
	Represents the highest level of conformance and the strictest set of guidelines. It aims to make information and user interfaces accessible to all users, including those with severe disabilities. This level is recommended for tools that have elderly and disabled people as a target group.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-194"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-192">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-193'
	>
	Each of the levels is applied to the four main categories: perceivable, operable, understandable, and robust. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-198"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-195">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-196'
	>
	<strong>Perceivable</strong></p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-197'
	>
	Information and user interface components must be presentable to users in ways that they can perceive.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-202"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-199">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-200'
	>
	<strong><strong>Operable</strong></strong></p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-201'
	>
	User interface components and navigation must be easy to use and intuitive. </p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-206"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-203">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-204'
	>
	<strong><strong><strong>Understandable</strong></strong></strong></p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-205'
	>
	Information and the operation of the user interface must be clear for everyone to understand. </p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-210"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-207">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-208'
	>
	<strong><strong><strong>Robust</strong></strong></strong></p><p	class='typography typography--size-16-text-roman js-typography bullet__paragraph'
	data-id='es-209'
	>
	Information must be robust enough to be interpreted reliably by various user agents, including assistive technologies.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-213"
	 data-animation='slideFade' data-animation-target='inner-items'>
				<div class="wrapper__anchor" id="accessibility-levels"></div>
	
			<div class="block-heading" data-id="es-211">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-212'
	>
	Accessibility principles and levels, a breakdown</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-216"
	 data-animation-target='inner-items'>
		
			<div class="block-group" data-id=es-215>
	
<div
	class="wrapper"
	data-id="es-214"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			
<figure class="wp-block-table is-style-first-column-strong-white-space-wrap-body-top-align is-style-stripes has-small-font-size"><table class="has-grey-200-background-color has-background"><tbody><tr><td></td><td><strong>A</strong></td><td><strong>AA</strong></td><td><strong>AAA</strong></td></tr><tr><td>Perceivable</td><td>Content must be presented in a way that can be perceived by the majority of users, including those with visual, auditory, or other types of disabilities.</td><td>Content must be presented in a way that can be perceived by a wider range of users, including those with color blindness or impaired vision.</td><td>Content must be presented in a way that can be perceived by the widest range of users, including those with more severe disabilities. For example, sign language interpretation should be provided for all audio content.</td></tr><tr><td>Operable<br><br><br></td><td>Content must be presented in a way that can be operated by the majority of users, including those with visual, auditory, or other types of disabilities.&nbsp;</td><td>Content must be presented in a way that can be operated by a wider range of users, including those with visual or cognitive disabilities.</td><td>Content must be presented in a way that can be operated by the widest range of users, including those with more severe disabilities.</td></tr><tr><td>Understandable</td><td>Content must be presented in a way that can be understood by the majority of users, including those with cognitive disabilities. For example, instructions should be clear and concise.</td><td>Content must be presented in a way that can be understood by a wider range of users, including those with limited literacy or who speak languages other than the primary language of delivery. For example, abbreviations and acronyms should be defined.<br></td><td>Content must be presented in a way that can be understood by the widest range of users, including those with more severe cognitive disabilities.</td></tr><tr><td>Robust</td><td>Content must be presented in a way that is compatible with the majority of users, including assistive technologies. For example, all HTML code should be well-formed and valid.</td><td>Content must be presented in a way that is compatible with a wider range of users, including assistive technologies. For example, all content should be accessible without relying on any specific technology.<br></td><td>Content must be presented in a way that is compatible with the widest range of users, including assistive technologies. For example, all content should be accessible using a wide variety of technologies and devices.</td></tr></tbody></table><figcaption class="wp-element-caption">The breakdown of the differences between each level for the four principles of accessibility.</figcaption></figure>
		</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-219"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-217">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-218'
	>
	<strong>Establishing the guidelines is a team effort</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-222"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-220">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-221'
	>
	At Infinum, we started our digital product accessibility initiative by finding advocates from every production team. Their first task was to research accessibility principles and guidelines in their domain. However, individual work was not enough. It was crucial to put these advocates together and create comprehensive principles that cover all steps of the digital product development process. </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-paragraph" data-id="es-223">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-224'
	>
	After that, our advocates had workshops with the rest of their teams to incorporate accessibility into their processes. Each team laid out its process in its respective handbook.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-228"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-226">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-227'
	>
	Finally, we retrospectively applied accessibility principles to previous projects through accessibility audits.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-235"
	 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-229"
	 href='https://infinum.com/blog/best-practices-accessibility-design/'>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-230'
	>
	Want to learn how to make a digital product user-friendly for every user? Our designer Ana shared <strong><a href="https://infinum.com/blog/best-practices-accessibility-design/">8 tips for designing with accessibility in mind</a></strong>.</h2>		</div>

		<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-232"
	 tabindex='-1'>
		<div class="btn__inner">
					<div	class='typography typography--size-none js-typography btn__label'
	data-id='es-233'
	>
	Read the article </div>		
		<i
	class="icon btn__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-right-16' data-id='es-234'>
	<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-238"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-236">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-237'
	>
	<strong>Sharing the responsibility for digital accessibility</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-241"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-239">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-240'
	>
	We believe that digital product accessibility is not just a technical issue but also a social one, and as a socially aware company, we feel a responsibility toward the disabled. The difficulties they meet are often caused by barriers set by society, and it&#8217;s up to that same society to remove them.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-244"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-242">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-243'
	>
	We have set out on a journey to promote accessibility in the digital world. We will continue to share our approach, knowledge, and best practices about accessibility via <a href="https://infinum.com/handbook/" target="_blank" rel="noreferrer noopener">Infinum handbooks</a>, <a href="https://infinum.com/blog/" target="_blank" rel="noreferrer noopener">Infinum blog</a>, <a href="https://infinum.com/events/on-the-edge-of-ux/" target="_blank" rel="noreferrer noopener">Infinum talks</a>, and other platforms. So should you!</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-highlighted-text">
	<p	class='typography typography--size-36-text js-typography block-highlighted-text__typography'
	data-id='es-245'
	>
	Come along for the journey and start building with digital product accessibility in mind to create solutions that are truly every-user-friendly.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/digital-product-accessibility/">Boost Digital Product Accessibility and Leave No User Behind</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>