<?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/davor-naumoski/feed/" rel="self" type="application/rss+xml" />
		<link></link>
		<description>Building digital products</description>
		<lastBuildDate>Tue, 07 Apr 2026 19:14:13 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>19266836https://infinum.com/uploads/2025/06/An-accessibility-review-of-new-design-style-by-Apple-hero-1.webp</url>
				</image>
				<title>Apple&#8217;s iOS 26 Liquid Glass: Sleek, Shiny, and Questionably Accessible</title>
				<link>https://infinum.com/blog/apples-ios-26-liquid-glass-sleek-shiny-and-questionably-accessible/</link>
				<pubDate>Thu, 12 Jun 2025 11:01:30 +0000</pubDate>
				<dc:creator>Davor Naumoski</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?p=19266836</guid>
				<description>
					<![CDATA[<p>The post <a href="https://infinum.com/blog/apples-ios-26-liquid-glass-sleek-shiny-and-questionably-accessible/">Apple&#8217;s iOS 26 Liquid Glass: Sleek, Shiny, and Questionably Accessible</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-106"
	 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-36-text js-typography block-paragraph__paragraph'
	data-id='es-94'
	>
	<strong>48 hours into Apple’s iOS 26 reveal, and accessibility experts are already speaking up. Is Liquid Glass a top-shelf design innovation, or a glass ceiling for inclusive design?</strong></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-paragraph" data-id="es-96">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-97'
	>
	Liquid Glass is Apple’s new digital material introduced with iOS 26: a reactive, translucent design that animates, morphs, and responds to your touch in real time. It’s visually striking, with glowing highlights and slick, glass-like effects that change depending on the content and context.</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-paragraph" data-id="es-99">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-100'
	>
	According to Apple:</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-paragraph" data-id="es-102">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-103'
	>
	“Controls have a refreshed look across platforms… the knob transforms into Liquid Glass during interaction, and buttons fluidly morph into menus and popovers.”</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-109"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-107"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-108">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/06/ezgif.com-gif-to-mp4-converter-2.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-110"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</div>

		<div class="intro-label card-simple__outro-label intro-label__line-type--outro" data-id="es-111">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__outro-label'
	data-id='es-112'
	>
	LIQUID GLASS IS A NEW DIGITAL META-MATERIAL THAT DYNAMICALLY BENDS AND SHAPES LIGHT. &#8211; APPLE</p></div>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-116"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-114">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-115'
	>
	Currently in beta and rolling out with iOS 26 later this year, Liquid Glass is already generating equal parts excitement and criticism.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-131"
	 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-120">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-119"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-117">
	</div>	</div>
</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-123"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-121">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-122'
	>
	<strong>The Apple doesn&#8217;t fall far from the previous design revolutions</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-126"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-124">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-125'
	>
	Apple has never shied away from shaking up UI design. Remember iOS 7? Some praised its minimalism. Others&#8230; well, one four-year-old famously <a href="https://www.youtube.com/watch?v=MnmYBB92vcY&amp;ab_channel=BloombergOriginals" target="_blank" rel="noreferrer noopener">burst into tears after updating.</a></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-129"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-127">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-128'
	>
	Liquid Glass may look futuristic, but it didn’t appear out of nowhere. A look back at the key design moments reveals how Apple got here.</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-173"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div data-id="es-168" class="block-horizontal-manual-carousel js-block-horizontal-manual-carousel block-horizontal-manual-carousel__align-items--bottom">
	<div class="block-horizontal-manual-carousel__container block-horizontal-manual-carousel__container--gutter-default js-block-horizontal-manual-carousel-container">
		<div class="cursor-takeover block-horizontal-manual-carousel__cursor-takeover" data-id="es-169">
		<div class="cursor-takeover__cursor js-block-horizontal-manual-carousel-cursor-takeover block-horizontal-manual-carousel__cursor">
		<div class="cursor-takeover__wrap">
			<i
	class="icon cursor-takeover__drag-left icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-left-16' data-id='es-170'>
	<svg 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 fill='none' fill-rule='evenodd' stroke='currentColor' stroke-width='2' transform='matrix(-1 0 0 1 17 0)'><g transform='translate(0 2)'><path d='m.5 5.99999 14 .00001'/><path d='m9.23352.7251 5.97848 5.97852'/><path d='m9.23352 11.2744 5.97848-5.9785'/></g></g></svg></i><i
	class="icon cursor-takeover__drag-right icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-right-16' data-id='es-171'>
	<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 class="cursor-takeover__circle js-block-horizontal-manual-carousel-cursor-takeover-circle" aria-hidden="true">
				<p	class='typography typography--size-12-text typography--uppercase js-typography cursor-takeover__label'
	data-id='es-172'
	>
	drag</p>			</div>
		</div>
	</div>
	</div>		
<div class="block-carousel-item" data-id="es-137">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-132"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-133"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-134">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/aqua.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="768"
															width="1024"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-135'
	>
	<strong>2001: Aqua (macOS X)</strong></h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-136'
	 id='es-132-paragraph'>
	Apple’s first big leap into using digital “materials” to create a rich, visual UX.</p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-143">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-138"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-139"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-140">
	<picture class="image__picture card-simple__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/ios7-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/ios7.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="1200"
															width="1600"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-141'
	>
	<strong>2013: iOS 7</strong></h2>		</div>

		<p	class='typography typography--size-16-text-roman js-typography card-simple__paragraph'
	data-id='es-142'
	 id='es-138-paragraph'>
	Apple ditched skeuomorphism for a colorful translucency, real-time blur and motion. </p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-149">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-144"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-145"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-146">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/iPhone-X-Plus-2018-5-2.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="1050"
															width="550"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-147'
	>
	<strong><strong>2017: iPhone X &amp; iOS 11</strong></strong></h2>		</div>

		<p	class='typography typography--size-16-text-roman js-typography card-simple__paragraph'
	data-id='es-148'
	 id='es-144-paragraph'>
	With the Home button gone, Apple introduced a more tactile, fluid UI. </p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-155">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-150"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-151"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-152">
	<picture class="image__picture card-simple__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/big-sur-1400x786.webp				media='(max-width: 699px)'
				type=image/webp								height="786"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/big-sur.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="1291"
															width="2299"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-153'
	>
	<strong>2020: macOS Big Sur</strong></h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-154'
	 id='es-150-paragraph'>
	Big Sur brought back depth with soft shadows and glassy surfaces. </p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-161">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-156"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-157"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-158">
	<picture class="image__picture card-simple__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/visionos-home-screen-mt-hood-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/visionos-home-screen-mt-hood.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="900"
															width="1600"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-159'
	>
	<strong>2023: visionOS</strong></h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-160'
	 id='es-156-paragraph'>
	Built for spatial computing, visionOS introduced floating, translucent interfaces that respond to light, movement, and your gaze. <br />
</p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-167">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-162"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-163"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-164">
	<picture class="image__picture card-simple__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/liquidglassmain2-1400x933.webp				media='(max-width: 699px)'
				type=image/webp								height="933"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/06/liquidglassmain2-2400x1600.webp				media='(max-width: 1199px)'
				type=image/webp								height="1600"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/liquidglassmain2.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="1760"
															width="2640"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<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-165'
	>
	<strong>2025: iOS 26 &amp; Liquid Glass</strong></h2>		</div>

		<p	class='typography typography--size-16-text-roman js-typography card-simple__paragraph'
	data-id='es-166'
	 id='es-162-paragraph'>
	Apple’s boldest visual update yet: a dynamic, translucent material that bends light, reacts to touch, and brings apps to life.<br />
<br />
</p>	</div>
</div>
</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-191"
	 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-177">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-176"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-174">
	</div>	</div>
</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-180"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-178">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-179'
	>
	<strong>Where Liquid Glass falls short</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-183"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-181">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-182'
	>
	Since the reveal, designers and accessibility experts on X (formerly Twitter) have been quick to weigh in. While some love the new aesthetic, others are raising valid concerns, especially around<strong> readability, contrast, and sensory overload.</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-186"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-184">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-185'
	>
	Accessibility in digital design means making sure <em>everyone</em>, including people with disabilities,&nbsp; can use your app or website. It’s not an add-on. It’s fundamental. And for users with vision impairments, dyslexia, or neurological sensitivities, visual clarity and calm are non-negotiable.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-189"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-187">
	<p	class='typography typography--size-24-text js-typography block-paragraph__paragraph'
	data-id='es-188'
	>
	<strong>Our own early beta testing surfaced some real accessibility concerns:&nbsp;</strong></p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-195"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-192">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-193'
	>
	<strong>Some screens fall well below WCAG minimum contrast</strong></p><p	class='typography typography--size-20-text-roman js-typography bullet__paragraph'
	data-id='es-194'
	>
	We clocked 1.5:1 in places, and the bar is 4.5:1. Low contrast makes it difficult or impossible for users with low vision, or even just a bright screen, to read text or recognize interface elements.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-199"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-196">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-197'
	>
	<strong><strong>Text occasionally fades into background layers</strong></strong></p><p	class='typography typography--size-20-text-roman js-typography bullet__paragraph'
	data-id='es-198'
	>
	This is especially true with complex imagery or bright surroundings. Without strong visual separation, users have to strain to read or guess what’s on screen.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-203"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-200">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-201'
	>
	<strong><strong><strong>Glassy effects amplify visual noise</strong></strong></strong></p><p	class='typography typography--size-20-text-roman js-typography bullet__paragraph'
	data-id='es-202'
	>
	They add reflections, shine, and motion that can overwhelm the interface, making it harder to distinguish elements quickly, especially for users with cognitive or sensory sensitivities.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-207"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="bullet bullet--left bullet__type--dot bullet__color--infinum block-bullet__bullet" data-id="es-204">
			<div class="bullet__dot"></div>
		<div class="bullet__content">
		<p	class='typography typography--size-24-text js-typography bullet__heading'
	data-id='es-205'
	>
	<strong><strong><strong><strong>Overuse of blurred backgrounds confuses users about what’s interactive and what’s not</strong></strong></strong></strong></p><p	class='typography typography--size-20-text-roman js-typography bullet__paragraph'
	data-id='es-206'
	>
	When buttons and text blend into decorative layers, users can&#8217;t easily tell what to tap, which increases cognitive load and reduces usability.<br />
<br />
These issues aren’t edge cases, they affect millions of users who rely on visual clarity for a usable experience. Let’s take the most striking criticism: low contrast.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-217"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-216">
	
<div class="block-column" data-id="es-211">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-210"
	 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-208"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-209">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/Image-1-1400x1376.webp				media='(max-width: 699px)'
				type=image/webp								height="1376"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/Image-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1510"
															width="1536"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-215">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-214"
	 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-212"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-213">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/Image-2-1400x1376.webp				media='(max-width: 699px)'
				type=image/webp								height="1376"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/Image-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1510"
															width="1536"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-227"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-226">
	
<div class="block-column" data-id="es-221">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-220"
	 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-218"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-219">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/Image-3-1400x1376.webp				media='(max-width: 699px)'
				type=image/webp								height="1376"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/Image-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1510"
															width="1536"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-225">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-224"
	 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-222"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-223">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/06/Image-4-1400x1376.webp				media='(max-width: 699px)'
				type=image/webp								height="1376"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/06/Image-4.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1510"
															width="1536"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-235"
	 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-231">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-230"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-228">
	</div>	</div>
</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-233"
	 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-232'
	>
	<strong>Contrast isn’t some complex accessibility setting, it’s one of the simplest, most effective things designers can get right. And yet, it’s still too often sacrificed in the name of aesthetics.</strong></p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-238"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-236">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-237'
	>
	Good contrast isn’t a design preference, it’s a core accessibility requirement. It ensures that text and UI elements remain readable in all environments, for all users. Choosing low contrast for the sake of aesthetics might look elegant, but it excludes users with visual impairments and introduces unnecessary friction for everyone else.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-241"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-239">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-240'
	>
	Yes, this is still beta, and yes, things may change. But what we’ve seen so far is enough to raise red flags, not just eyebrows.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-246"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="blockquote block-blockquote__blockquote" data-id="es-242">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-243'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-244'
	>
	Can a design be truly beautiful if it leaves people out? Initial impressions suggest that while the visual language is innovative, it currently misses key accessibility standards. Designers should proceed with caution.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-245'
	>
	<strong>ANA ŠEKERIJA,<br />
</strong>ACCESSIBILITY LEAD, INFINUM</div>		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-249"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-247">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-248'
	>
	Not everyone is sounding the alarm just yet. Some accessibility experts remain optimistic, expecting Apple to refine Liquid Glass before the official release, or at the very least, offer alternative styles or settings that better support inclusive use.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-254"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="blockquote block-blockquote__blockquote" data-id="es-250">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-251'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-252'
	>
	If history is any guide, Apple will likely bake in accessibility overrides for Liquid Glass. But the real question isn’t whether users can disable it, but whether the default experience is inclusive enough to begin with.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-253'
	>
	<strong>KERRIN WHIPPLE,<br />
</strong>SENIOR UX DESIGNER AND WEB ACCESSIBILITY SPECIALIST, INFINUM</div>		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-313"
	 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-258">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-257"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-255">
	</div>	</div>
</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-261"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-259">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-260'
	>
	<strong>Wait — Apple </strong><strong><em>Did</em></strong><strong> Think About Accessibility</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-264"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-262">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-263'
	>
	And to be fair, Kerrin was right. Apple <a href="https://youtu.be/IrGYUq1mklk?si=tsVLy9Py6tBZReTY&amp;t=633" target="_blank" rel="noreferrer noopener">hasn’t left accessibility completely out of the picture</a>. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-267"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-265">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-266'
	>
	Liquid Glass responds to system-level accessibility settings, automatically adapting without extra developer input. Here’s what kicks in:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-270"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-268">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-269'
	>
	<li>Reduced transparency makes the glass effect frostier and more opaque, helping with legibility</li><li>Increased contrast highlights key elements in high-contrast black or white and adds borders for better visibility</li><li>Reduced motion dials down dramatic animations and disables elastic interactions that could trigger motion sickness</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-273"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-271">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-272'
	>
	It’s a solid baseline, but let’s not mistake it for full accessibility.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-276"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-274">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-275'
	>
	Sure, system settings like reduced motion or increased contrast do some heavy lifting. But they don’t close the gap. That’s where designers come in.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-279"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-277">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-278'
	>
	It’s on us to make sure your interface works for everyone, because even folks with perfect vision and steady hands benefit from accessible design. Think: bright sun, cracked screens, one-handed use on a crowded train. Accessibility isn’t just about permanent disabilities; it’s about making products usable in the real world.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-282"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-280">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-281'
	>
	Inclusive design helps all of us. And it takes all of us to build it.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-285"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-283">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-284'
	>
	<strong>Should you use Liquid Glass?</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-288"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-286">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-287'
	>
	That depends.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-291"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-289">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-290'
	>
	Liquid Glass is still evolving, and so is Apple’s UI guidance. Historically, they tend to tweak visual systems post-launch, so don’t blow up your entire design system just yet.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-294"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-292">
	</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-299"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-295">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-296'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-297'
	>
	For existing projects, avoid rushing to redesign all custom components immediately. Apple allows opting out for a year, giving teams time to align designers and developers and establish clear guidelines. </p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-298'
	>
	<strong>HRVOJE HRVOIĆ,<br />
</strong>LEAD IOS ENGINEER, INFINUM</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-302"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-300">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-301'
	>
	So: explore it. Prototype with it. But stress-test it with real users, especially those with accessibility needs. A sleek interface means nothing if it’s not usable by everyone.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-305"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-303">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-304'
	>
	For new projects aimed at iOS 26+, it makes sense to embrace Liquid Glass early. But do it with intention. That means building a design strategy that prioritizes clarity, consistency, and accessibility from the start.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-308"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-306">
	<p	class='typography typography--size-24-text-roman js-typography block-paragraph__paragraph'
	data-id='es-307'
	>
	Some key things to keep in mind:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-311"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-309">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-310'
	>
	<li><strong><strong>Build in high-contrast alternatives</strong></strong></li><li><strong><strong>Don’t place critical content (buttons, text, controls) on a blur</strong></strong></li><li><strong><strong>Test with accessibility settings turned on</strong></strong></li><li><strong><strong>Use tools like VoiceOver, Accessibility Inspector, and WCAG checkers</strong></strong></li><li><strong><strong>And above all: never sacrifice legibility for the sake of aesthetics</strong></strong></li></ul></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-328"
	 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-317">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-316"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-314">
	</div>	</div>
</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-320"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-318">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-319'
	>
	<strong>Final thought: Shine responsibly</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-323"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-321">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-322'
	>
	Liquid Glass is visually ambitious and could unlock exciting new UI possibilities, but inclusive design doesn’t come automatically, even from Apple. It’s on us, designers, developers, testers, to make sure the magic works for everyone. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-326"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-324">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-325'
	>
	Let’s stay curious, test everything, and push for a future where beauty and accessibility go hand in hand.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/apples-ios-26-liquid-glass-sleek-shiny-and-questionably-accessible/">Apple&#8217;s iOS 26 Liquid Glass: Sleek, Shiny, and Questionably Accessible</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>