<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Accessibility Archives - The NOKIA Blog</title>
	<atom:link href="https://thenokiablog.com/tag/web-accessibility/feed/" rel="self" type="application/rss+xml" />
	<link>https://thenokiablog.com/tag/web-accessibility/</link>
	<description></description>
	<lastBuildDate>Tue, 25 Aug 2026 17:09:45 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://thenokiablog.com/wp-content/uploads/2024/03/cropped-Cjdowner-Cryptocurrency-Flat-ICON-ICX.512-32x32.png</url>
	<title>Web Accessibility Archives - The NOKIA Blog</title>
	<link>https://thenokiablog.com/tag/web-accessibility/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>6 Best WordPress Plugins for Improving Website Accessibility in 2026</title>
		<link>https://thenokiablog.com/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 17:09:45 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Color]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026/</guid>

					<description><![CDATA[<p>Accessibility should be a top priority when building a website. However, things can degrade over time....</p>
<p>The post <a href="https://thenokiablog.com/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026/">6 Best WordPress Plugins for Improving Website Accessibility in 2026</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Accessibility should be a top priority when building a website. However, things can degrade over time. Clients adding content could forget basics such as <code>ALT</code> attributes and logical heading order. Best practices often fall through the cracks as a site ages. Thus, every website requires vigilance.</p>
<p>Part of the challenge is that it&rsquo;s not always easy to identify accessibility issues. It often requires digging deeper to find and fix them. This is where the right WordPress plugin can be useful.</p>
<p>Some plugins allow users to adjust visual elements like font size and color contrast. Even better, some scan your content and alert you to problems. You might be surprised to find out how many issues can pop up in your theme and other installed plugins. The results may lead you to consider different options.</p>
<p>With that in mind, let&rsquo;s look at some of the best WordPress accessibility plugins on the market. They won&rsquo;t fix every issue, but they can help you learn and improve your site.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>Accessibility Checker isn&rsquo;t a band-aid for your site&rsquo;s shortcomings. However, it will add missing skip links, focus outlines, and form labels upon request. It also scans your site&rsquo;s content and creates a laundry list of potential issues. It catches common problems, such as ambiguous link text and missing <code>ALT</code> attributes.</p>
<p>Like all automated tools, you may find some false-positive results. As such, a manual inspection is required to verify them. But the plugin offers tips for fixing any issues it finds. The free version scans your site&rsquo;s pages and posts, while the pro version includes custom post types and other handy features.</p>
<p><img fetchpriority="high" decoding="async" src="https://thenokiablog.com/wp-content/uploads/2026/08/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026.jpg" alt="Accessibility Checker WordPress Plugin" width="900" height="400"></p>
<p>Use WP Accessibility to fix common issues, such as missing language/text direction attributes, missing <code>ARIA</code> labels for navigation, and viewports that don&rsquo;t scale. It will also enforce ALT attributes in the editor and identify media with missing descriptive text.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p>These are optional and can be activated as needed. The other big feature here is a front-end toolbar that controls page zooming and color contrast. This gives users more control over how they view your site.</p>
<p><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2026/08/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026-1.jpg" alt="WP Accessibility WordPress Plugin" width="900" height="400"></p>
<p>We&rsquo;re starting to see AI used for a variety of purposes, including accessibility improvements. Alt Text AI automatically analyzes uploaded images and generates an <code>ALT</code> description.</p>
<p>The feature can save you a lot of time and effort &ndash; just be sure to double-check to ensure the description is accurate. Note that the plugin requires purchasing AI &ldquo;credits&rdquo; to work. There&rsquo;s a free trial for trying the plugin before you buy.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2026/08/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026-2.jpg" alt="Alt Text AI WordPress Plugin" width="900" height="400"></p>
<p>Are you looking to provide visitors with accessibility options? This plugin adds a widget with a variety of optional feature modules. Users can change the font size and contrast. But there are also tools for switching to a dyslexia-friendly font, highlighting titles, and pausing animations.</p>
<p>You&rsquo;ll also find a feature that helps you create an accessibility statement. Experiment to see which features will benefit your visitors.</p>
<p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/08/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026-3.jpg" alt="AccessiYes Accessibility Widget WordPress Plugin" width="900" height="400"></p>
<p>Accessibility is about more than fixing issues &ndash; it&rsquo;s also about adding accessible features. SimpleTOC creates a WCAG 2.2-conforming table of contents for your content. It&rsquo;s a great way to help users navigate longer pages and blog posts. By default, the plugin adds zero CSS or JavaScript to your site.</p>
<p>Instead, it relies on HTML details and summary tags, which work natively in your browser. When it comes to accessibility, simple is always better.</p>
<p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/08/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026-4.jpg" alt="SimpleTOC WordPress Plugin" width="900" height="400"></p>
<p>Media embeds, particularly from third-party services, can be difficult to use. Some are bloated with JavaScript and other code that inhibit accessibility. Able Player offers an accessibility-first solution and implements an HTML5 media player via a configurable shortcode.</p>
<p>It works with locally uploaded files and videos from YouTube and Vimeo. The shortcode offers several options impacting the style and functionality of the player.</p>
<h2><span id="Leave_No_User_Behind">Leave No User Behind</span></h2>
<p>Accessibility is not a &ldquo;nice-to-have&rdquo; feature &ndash; it&rsquo;s an obligation. It&rsquo;s also an ongoing process that requires your attention. Thankfully, there are tools to help you find potential issues and fix the most common ones. The WordPress plugins above will help you in your quest. Bonus: Some will add accessible elements that benefit everyone.</p>
<p>No singular plugin can make your site fully accessible. But they can make your job easier. We hope you find a solution to do just that.</p>
<h2><span id="Website_Accessibility_Plugins_at_a_Glance"> Website Accessibility Plugins at a Glance</span></h2>
<div>
<table class="table-wrapped">
<thead>
<tr>
<th><strong>Plugin</strong></th>
<th><strong>Description</strong></th>
<th><strong>Primary Use</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Accessibility Checker</strong></td>
<td>Scans content for accessibility issues and can add missing skip links, focus outlines, and form labels, with guidance for fixing problems.</td>
<td>Accessibility auditing</td>
</tr>
<tr>
<td><strong>WP Accessibility</strong></td>
<td>Fixes common accessibility issues and adds front-end controls for page zooming and color contrast.</td>
<td>Accessibility improvements</td>
</tr>
<tr>
<td><strong>Alt Text AI</strong></td>
<td>Automatically analyzes uploaded images and generates ALT descriptions, with the option to review the generated text for accuracy.</td>
<td>Image ALT text</td>
</tr>
<tr>
<td><strong>AccessiYes Accessibility Widget</strong></td>
<td>Adds visitor controls for font size, contrast, dyslexia-friendly fonts, highlighted titles, paused animations, and other accessibility options.</td>
<td>Visitor accessibility controls</td>
</tr>
<tr>
<td><strong>SimpleTOC</strong></td>
<td>Creates a WCAG 2.2-conforming table of contents using native HTML without adding CSS or JavaScript by default.</td>
<td>Accessible content navigation</td>
</tr>
<tr>
<td><strong>Able Player</strong></td>
<td>Adds an accessibility-focused HTML5 media player for local files, YouTube, and Vimeo using a configurable shortcode.</td>
<td>Accessible media playback</td>
</tr>
</tbody>
</table>
<hr>
<div class="explore-more">
<h2><span id="More_Essential_Free_WordPress_Plugins">More Essential Free WordPress Plugins</span></h2>
<p>here. He recently started a writing service for WordPress products: WP Product Writeup.  He also has an opinion on just about every subject. You can follow his rants on Bluesky @karks.com.</p>
<p>
                        Read more articles by Eric Karkovack
                    </p>

<hr>
</div></div><p>The post <a href="https://thenokiablog.com/6-best-wordpress-plugins-for-improving-website-accessibility-in-2026/">6 Best WordPress Plugins for Improving Website Accessibility in 2026</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Now Shipping: Accessible UX Research, A New Smashing Book By Michele Williams</title>
		<link>https://thenokiablog.com/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Tue, 03 Mar 2026 15:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Compliance]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams/</guid>

					<description><![CDATA[<p>Our newest Smashing Book, &#8220;Accessible UX Research&#8221; by Michele Williams, is finally shipping worldwide &#8212; and...</p>
<p>The post <a href="https://thenokiablog.com/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams/">Now Shipping: Accessible UX Research, A New Smashing Book By Michele Williams</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="c-garfield-summary">
<section aria-label="Quick summary" class="article__summary"><span id="article__start" class="summary__heading" aria-hidden="true"></span>Our newest Smashing Book, &ldquo;Accessible UX Research&rdquo; by Michele Williams, is finally shipping worldwide &mdash; and we couldn&rsquo;t be happier! This book is about research, but you&rsquo;ll also learn about assistive technology, different types of disability, and how to build accessibility into the entire design process. This thoughtful book will get you thinking about ways to make your UX research more inclusive and thorough, no matter your budget or timeline. Jump to the book details or order your copy now.</section>
</div>
<p>Good UX research is at the root of great products. It takes the guesswork out of our designs and helps us solve problems before they grow. One of the best ways to make our research effective is to keep it inclusive &mdash; testing with users with different needs and abilities, and using their feedback to <strong>build products that work for more people</strong>.</p>
<p>Our newest book, <em>Accessible UX Research</em>, can help you plan and execute great user research. Dr. Michele Williams draws from years of experience to build a clear, easy-to-follow roadmap. This book has something for everyone who wants to build digital products well:</p>
<ul>
<li>If you are <strong>just getting started with research</strong>, you will find helpful tips for making your research more inclusive. You will also get a primer on how to ask better questions, understand your own biases, and how to use your limited time and budget effectively.</li>
<li>If you are an <strong>accessibility-minded professional</strong>, you will find a deep well of details on different assistive technologies, how to include them in your testing environment, and ways to record and share your results to create a real impact on the products you make.</li>
<li>If you are a <strong>developer</strong>, a <strong>manager</strong>, or just <strong>someone who wants to understand</strong> how different abilities impact each user&rsquo;s experience, you will find the history, clear descriptions, and cultural touchpoints you need in order to make sense of all the accessibility and inclusion recommendations you encounter.</li>
</ul>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="600" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams.png" alt="Hardcover edition of Michele Williams&rsquo; new book &lsquo;Accessible UX Research&rsquo; on a wooden table, with a cup of coffee next to it. The book has a teal cover that shows a three times three grid of windows in different architectural styles. On top of the windows, there&rsquo;s a light varnish that spells out the word &lsquo;UX&rsquo; with research-related icons such as speech bubbles, a looking glass, a keyboard, and UI components."></figure>
<div class="book-cta__inverted">
<div class="book-cta" data-handler="ContentTabs" data-mq="(max-width: 480px)">
<nav class="content-tabs content-tabs--books"></nav>
<div class="book-cta__col book-cta__hardcover content-tab--content">
<h3 class="book-cta__title"><span>Print + eBook</span></h3>
<p><span class="book-cta__price" data-handler="PriceTag" data-sku="accessible-ux-research" data-type="Book" data-insert="true"><span class="placeholder"><span class="currency-sign">$</span><br>
44<span class="sup">.00</span></span></span><br>
<button class="btn btn--full btn--medium btn--text-shadow" data-product-path="/printed-books/accessible-ux-research/" data-product-sku="accessible-ux-research" data-author="Michele Williams" data-authors data-link data-component="AddToCart"><br>
Get Print + eBook</button></p>
<p class="book-cta__desc">Quality hardcover. Free worldwide shipping.<br>100 days money-back-guarantee.</p>
</div>
<div class="book-cta__col book-cta__ebook content-tab--content">
<h3 class="book-cta__title"><span>eBook</span></h3>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p><span class="book-cta__price" data-handler="PriceTag" data-sku="accessible-ux-research-ebook" data-type="E-Book" data-insert="true"><span class="placeholder"><span class="currency-sign">$</span><br>
19<span class="sup">.00</span></span></span></p>
<p><span class="book-cta__price hidden" data-audience="smashing member" data-remove="true"><span class="green">Free!</span></span><br>
<button class="btn btn--full btn--medium btn--text-shadow" data-product-path="/printed-books/accessible-ux-research/" data-product-sku="accessible-ux-research-ebook" data-author="Michele Williams" data-authors data-link data-component="AddToCart" data-audience="anonymous free supporter" data-remove="true"><br>
Get the eBook</button></p>
<p class="book-cta__desc" data-audience="anonymous free supporter" data-remove="true">DRM-free, of course. ePUB, Kindle, PDF.<br>Included with your Smashing Membership.</p>
</div>
</div>
</div>
<h2 id="about-the-book">About The Book</h2>
<p>The book isn&rsquo;t a checklist for you to complete as a part of your accessibility work. It&rsquo;s a <strong>practical guide to inclusive UX research</strong>, from start to finish. If you&rsquo;ve ever felt unsure how to include disabled participants, or worried about &ldquo;getting it wrong,&rdquo; this book is for you. You&rsquo;ll get clear, practical strategies to make your research more inclusive, effective, and reliable.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p>Inside, you&rsquo;ll learn how to:</p>
<ul>
<li><strong>Plan research</strong> that includes disabled participants from the start,</li>
<li><strong>Recruit participants</strong> with disabilities,</li>
<li><strong>Facilitate sessions</strong> that work for a range of access needs,</li>
<li><strong>Ask better questions</strong> and avoid unintentionally biased research methods,</li>
<li><strong>Build trust and confidence</strong> in your team around accessibility and inclusion.</li>
</ul>
<p>The book also challenges common assumptions about disability and urges readers to <strong>rethink what inclusion really means</strong> in UX research and beyond. Let&rsquo;s move beyond compliance and start doing research that reflects the full diversity of your users. Whether you&rsquo;re in industry or academia, this book gives you the tools &mdash; and the mindset &mdash; to make it happen.</p>
<p><em>324 pages. Written by Dr. Michele A. Williams. Cover art by Espen Brunborg. Download a free sample (PDF, 2.3MB) or get the book right away.</em></p>
<p><em>Please note: We&rsquo;ve found a way to get printed books to our US customers! After several months of dealing with customs and tariff issues, we are happy to announce that all of our books &mdash; including this brand-new one &mdash; are once again <strong>shipping worldwide</strong>.</em></p>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="600" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-1.png" alt="A look inside the book. The left page has a teal color. The right page says &lsquo;Accessible UX Research by Michele A. Williams, PhD&rsquo; in the same teal color."><figcaption>With a foreword by Jared Smith of WebAIM and an extensive interview with a disabled researcher, &ldquo;Accessible UX Research&rdquo; brings together insights from throughout the Accessibility community. Photo by Marc Thiele. (Large preview)</figcaption></figure>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="600" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-2.png" alt="The open book on a wooden table, with a cup of coffee next to it. The left page shows a diagram visualizing the key elements of strong research studies. The right page is about recruiting disabled participants."><figcaption>The book includes tips and strategies to help anyone doing research at any point in the product design cycle. Photo by Marc Thiele. (Large preview)</figcaption></figure>
<h2 id="contents">Contents</h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p>In <em>Accessible UX Research</em>, Michele Williams takes you on a deep dive into the <strong>real world of UX research</strong>, with a roadmap for including users with different abilities and needs.</p>
<div class="js-table-accordion accordion book__toc" id="TOC">
<dl class="accordion-list" data-handler="Accordion">
<dt class="accordion-item" id="accordion-item-0" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>1. Disability Mindset</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-0" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>For inclusive research to succeed, we must first confront our mindset about disability, typically influenced by ableism.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-1" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>2. Diversity of Disability</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-1" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>Accessibility is not solely about blind screen reader users; disability categories help us unpack and process the diversity of disabled users.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-2" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>3. Disability in the Stages of UX Research</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-2" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>Disabled participants can and should be part of every research phase &mdash; formative, prototype, and summative.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-3" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>4. Recruiting Disabled Participants</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-3" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>Recruiting disabled participants is not always easy, but that simply means we need to learn strategies on where to look.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-4" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>5. Designing Your Research</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-4" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>While our goal is to influence accessible products, our research execution must also be accessible.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-4" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>6. Facilitating An Accessible Study</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-4" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>Preparation and communication with your participants can ensure your study logistics run smoothly.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-4" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>7. Analyzing and Reporting with Accuracy and Impact</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-4" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>How you communicate your findings is just as important as gathering them in the first place &mdash; so prepare to be a storyteller, educator, and advocate.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-4" aria-expanded="false">
<div class="book__toc__accordion-text">
<p>8. Disability in the UX Research Field</p>
</div>
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-4" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>Inclusion isn&rsquo;t just for research <em>participants</em>, it&rsquo;s important for our <em>colleagues</em> as well, as explained by blind UX Researcher Dr. Cynthia Bennett.</p>
</div>
</dd>
<dt class="accordion-item" id="accordion-item-4" aria-expanded="false">
<p><span class="accordion-expand-btn js-accordion-expand-btn">+</span></p>
</dt>
<dd class="accordion-desc" id="accordion-desc-4" aria-hidden="true">
<div class="book__toc__chapter-col chapter__summary">
<p>In the appendix, you&rsquo;ll find helpful summaries and tips to optimize your testing environment and your interactions with participants.</p>
</div>
</dd>
<p><span></span></p></dl>
</div>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="600" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-3.png" alt="The open book on a wooden table. The spread shows a table summarizing different types of assistive technologies, with a description of each assistive technology and information about its audience."><figcaption>You&rsquo;ll find plenty of useful references in the appendix at the end of the book. You&rsquo;ll refer to these pages again and again. Photo by Marc Thiele. (Large preview)</figcaption></figure>
<h2 id="about-the-author">About the Author</h2>
<p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-4.png" width="150" height="150" alt="Michele A. Williams">Dr. Michele A. Williams is owner of M.A.W. Consulting, LLC &ndash; Making Accessibility Work. Her 20+ years of experience include influencing top tech companies as a Senior User Experience (UX) Researcher and Accessibility Specialist and obtaining a PhD in Human-Centered Computing focused on accessibility. An international speaker, published academic author, and patented inventor, she is passionate about educating and advising on technology that does not exclude disabled users.</p>
<h2 id="testimonials">Testimonials</h2>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-5.png" width="150" height="150" alt="Eric Bailey">&ldquo;<em>Accessible UX Research</em> stands as a vital and necessary resource. In addressing disability at the User Experience Research layer, it helps to set an equal and equitable tone for products and features that resonates through the rest of the creation process. The book provides a <strong>solid framework</strong> for all aspects of conducting research efforts, including not only process considerations, but also importantly the mindset required to approach the work.</p>
<p>This is <strong>the book I wish I had</strong> when I was first getting started with my accessibility journey. It is a gift, and I feel so fortunate that Michele has chosen to share it with us all.&rdquo;</p>
<p>Eric Bailey, Accessibility Advocate</p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-6.png" width="150" height="150" alt="Devon Pershing">&ldquo;User research in accessibility is non-negotiable for actually meeting users&rsquo; needs, and this book is a <strong>critical piece in the puzzle</strong> of actually doing and integrating that research into accessibility work day to day.&rdquo;</p>
<p>Devon Pershing, Author of <em>The Accessibility Operations Guidebook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-7.png" width="150" height="150" alt="Manuel Matuzovi&#263;">&ldquo;Our decisions as developers and designers are often based on recommendations, assumptions, and biases. Usually, this doesn&rsquo;t work, because checking off lists or working solely from our own perspective can never truly represent the <strong>depth of human experience</strong>. Michele&rsquo;s book provides you with the strategies you need to conduct UX research with diverse groups of people, challenge your assumptions, and create truly great products.&rdquo;</p>
<p>Manuel Matuzovi&#263;, Author of the <em>Web Accessibility Cookbook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-8.png" width="150" height="150" alt="Anna E. Cook">&ldquo;This book is a vital resource on inclusive research. Michele Williams expertly breaks down key concepts, guiding readers through disability models, language, and etiquette. A <strong>strong focus on real-world application</strong> equips readers to conduct impactful, inclusive research sessions. By emphasizing diverse perspectives and proactive inclusion, the book makes a compelling case for accessibility as a core principle rather than an afterthought. It is a must-read for researchers, product-makers, and advocates!&rdquo;</p>
<p>Anna E. Cook, Accessibility and Inclusive Design Specialist</p>
</blockquote>
<h2 id="technical-details">Technical Details</h2>
<ul>
<li>ISBN: <span class="small-caps">978-3-910835-03-0</span> (print)</li>
<li><strong>Quality hardcover</strong>, stitched binding, ribbon page marker.</li>
<li>Free worldwide airmail <strong>shipping from Germany</strong>.</li>
<li>eBook available for download as <strong>PDF, ePUB, and Amazon Kindle</strong>.</li>
</ul>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="600" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-9.png" alt="Hardcover edition of Michele Williams&rsquo; new book &ldquo;Accessible UX Research&rdquo; on a wooden table."></figure>
<div class="book-cta__inverted">
<div class="book-cta" data-handler="ContentTabs" data-mq="(max-width: 480px)">
<nav class="content-tabs content-tabs--books"></nav>
<div class="book-cta__col book-cta__hardcover content-tab--content">
<h3 class="book-cta__title"><span>Print + eBook</span></h3>
<p><span class="book-cta__price" data-handler="PriceTag" data-sku="accessible-ux-research" data-type="Book" data-insert="true"><span class="placeholder"><span class="currency-sign">$</span><br>
44<span class="sup">.00</span></span></span><br>
<button class="btn btn--full btn--medium btn--text-shadow" data-product-path="/printed-books/accessible-ux-research/" data-product-sku="accessible-ux-research" data-author="Michele Williams" data-authors data-link data-component="AddToCart"><br>
Get Print + eBook</button></p>
<p class="book-cta__desc">Quality hardcover. Free worldwide shipping.<br>100 days money-back-guarantee.</p>
</div>
<div class="book-cta__col book-cta__ebook content-tab--content">
<h3 class="book-cta__title"><span>eBook</span></h3>
<p><span class="book-cta__price" data-handler="PriceTag" data-sku="accessible-ux-research-ebook" data-type="E-Book" data-insert="true"><span class="placeholder"><span class="currency-sign">$</span><br>
19<span class="sup">.00</span></span></span></p>
<p><span class="book-cta__price hidden" data-audience="smashing member" data-remove="true"><span class="green">Free!</span></span><br>
<button class="btn btn--full btn--medium btn--text-shadow" data-product-path="/printed-books/accessible-ux-research/" data-product-sku="accessible-ux-research-ebook" data-author="Michele Williams" data-authors data-link data-component="AddToCart" data-audience="anonymous free supporter" data-remove="true"><br>
Get the eBook</button></p>
<p class="book-cta__desc" data-audience="anonymous free supporter" data-remove="true">DRM-free, of course. ePUB, Kindle, PDF.<br>Included with your Smashing Membership.</p>
</div>
</div>
</div>
<p>Producing a book takes quite a bit of time, and we couldn&rsquo;t pull it off without the support of our wonderful <strong>community</strong>. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin&rsquo;! &#128521;</p>
<h2 id="more-smashing-books-and-goodies">More Smashing Books &amp; Goodies</h2>
<p>Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the <strong>core of everything we do</strong> at Smashing.</p>
<p>In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Trine, Heather, and Steven are three of these people. Have you checked out their books already?</p>
<div class="book-grid break-out book-grid__in-post">
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-10.png" alt="The Ethical Design Handbook" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">The Ethical Design Handbook</h4>
<p class="book--featured__desc">A practical guide on ethical design for digital products.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-11.png" alt="Understanding Privacy" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Understanding Privacy</h4>
<p class="book--featured__desc">Everything you need to know to put your users first and make a better web.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-12.png" alt="Touch Design for Mobile Interfaces" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Touch Design for Mobile Interfaces</h4>
<p class="book--featured__desc">Learn how touchscreen devices really work &mdash; and how people really use them.</p>
<p>Add to cart $44</p>
</figcaption></figure>
</div>
<div class="signature"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2026/03/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams-13.png" alt="Smashing Editorial" width="35" height="46" loading="lazy"><br>
<span>(cm, il)</span></div>
<p>The post <a href="https://thenokiablog.com/now-shipping-accessible-ux-research-a-new-smashing-book-by-michele-williams/">Now Shipping: Accessible UX Research, A New Smashing Book By Michele Williams</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Accessible UX Research, eBook Now Available For Download</title>
		<link>https://thenokiablog.com/accessible-ux-research-ebook-now-available-for-download/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Tue, 09 Dec 2025 16:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Compliance]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/accessible-ux-research-ebook-now-available-for-download/</guid>

					<description><![CDATA[<p>eBook versions of &#8220;Accessible UX Research,&#8221; a new Smashing Book by Michele A. Williams, are now...</p>
<p>The post <a href="https://thenokiablog.com/accessible-ux-research-ebook-now-available-for-download/">Accessible UX Research, eBook Now Available For Download</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="c-garfield-summary">
<section aria-label="Quick summary" class="article__summary"><span id="article__start" class="summary__heading" aria-hidden="true"></span>eBook versions of &ldquo;Accessible UX Research,&rdquo; a new Smashing Book by Michele A. Williams, are now available for download! Which means soon the book will go to the printer. Order the eBook for instant download now or reserve your print copy at the presale price.</section>
</div>
<p>Smashing Library expands again! We&rsquo;re so happy to announce our newest book, <strong><em>Accessible UX Research</em></strong>, is now <strong>available for download</strong> in eBook formats. Michele A. Williams takes us for a deep dive into the real world of UX testing, and provides a road map for including users with different abilities and needs in every phase of testing.</p>
<p>But the truth is, you don&rsquo;t need to be conducting UX testing or even be a UX professional to get a lot out of this book. Michele gives in-depth descriptions of the <strong>assistive technology we should all be familiar with</strong>, in addition to disability etiquette, common pitfalls when creating accessible prototypes, and so much more. You&rsquo;ll refer to this book again and again in your daily work.</p>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="506" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download.png" alt="Illustration showing Smashing Magazine&rsquo;s mascot Topple, a red, cartoon-style cat wearing a black sweater. It is smiling and holding a post-it note in its right hand that reads &ldquo;New&rdquo; as it is peeking from behind Michele A. William&rsquo;s new book &ldquo;Accessible UX Research&rdquo;. The book has a teal cover that shows a three times three grid of windows in different architectural styles. Inside the windows, there are icons related to UX research, such as speech bubbles, a looking glass, a keyboard, and UI components. The text on the illustration reads: &ldquo;Coming soon to the Smashing Library! Pre-order your copy now.&rdquo;"></figure>
<p>This is also your last chance to get your printed copy at our discounted presale price. We expect printed copies to start <strong>shipping in early 2026</strong>. We know you&rsquo;ll love this book, but don&rsquo;t just take our word for it &mdash; we asked a few industry experts to check out <em>Accessible UX Research</em> too:</p>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-1.png" width="150" height="150" alt="Eric Bailey">&ldquo;<em>Accessible UX Research</em> stands as a vital and necessary resource. In addressing disability at the User Experience Research layer, it helps to set an equal and equitable tone for products and features that resonates through the rest of the creation process. The book provides a <strong>solid framework</strong> for all aspects of conducting research efforts, including not only process considerations, but also importantly the mindset required to approach the work.</p>
<p>This is <strong>the book I wish I had</strong> when I was first getting started with my accessibility journey. It is a gift, and I feel so fortunate that Michele has chosen to share it with us all.&rdquo;</p>
<p>Eric Bailey, Accessibility Advocate</p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-2.png" width="150" height="150" alt="Devon Pershing">&ldquo;User research in accessibility is non-negotiable for actually meeting users&rsquo; needs, and this book is a <strong>critical piece in the puzzle</strong> of actually doing and integrating that research into accessibility work day to day.&rdquo;</p>
<p>Devon Pershing, Author of <em>The Accessibility Operations Guidebook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-3.png" width="150" height="150" alt="Manuel Matuzovi&#263;">&ldquo;Our decisions as developers and designers are often based on recommendations, assumptions, and biases. Usually, this doesn&rsquo;t work, because checking off lists or working solely from our own perspective can never truly represent the <strong>depth of human experience</strong>. Michele&rsquo;s book provides you with the strategies you need to conduct UX research with diverse groups of people, challenge your assumptions, and create truly great products.&rdquo;</p>
<p>Manuel Matuzovi&#263;, Author of the <em>Web Accessibility Cookbook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-4.png" width="150" height="150" alt="Anna E. Cook">&ldquo;This book is a vital resource on inclusive research. Michele Williams expertly breaks down key concepts, guiding readers through disability models, language, and etiquette. A <strong>strong focus on real-world application</strong> equips readers to conduct impactful, inclusive research sessions. By emphasizing diverse perspectives and proactive inclusion, the book makes a compelling case for accessibility as a core principle rather than an afterthought. It is a must-read for researchers, product-makers, and advocates!&rdquo;</p>
<p>Anna E. Cook, Accessibility and Inclusive Design Specialist</p>
</blockquote>
<h2>About The Book</h2>
<p>The book isn&rsquo;t a checklist for you to complete as a part of your accessibility work. It&rsquo;s a <strong>practical guide to inclusive UX research</strong>, from start to finish. If you&rsquo;ve ever felt unsure how to include disabled participants, or worried about &ldquo;getting it wrong,&rdquo; this book is for you. You&rsquo;ll get clear, practical strategies to make your research more inclusive, effective, and reliable.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>Inside, you&rsquo;ll learn how to:</p>
<ul>
<li><strong>Plan research</strong> that includes disabled participants from the start,</li>
<li><strong>Recruit participants</strong> with disabilities,</li>
<li><strong>Facilitate sessions</strong> that work for a range of access needs,</li>
<li><strong>Ask better questions</strong> and avoid unintentionally biased research methods,</li>
<li><strong>Build trust and confidence</strong> in your team around accessibility and inclusion.</li>
</ul>
<p>The book also challenges common assumptions about disability and urges readers to <strong>rethink what inclusion really means</strong> in UX research and beyond. Let&rsquo;s move beyond compliance and start doing research that reflects the full diversity of your users. Whether you&rsquo;re in industry or academia, this book gives you the tools &mdash; and the mindset &mdash; to make it happen.</p>
<p>High-quality hardcover, 320 pages. Written by Dr. Michele A. Williams. Cover art by Espen Brunborg. <strong>Print edition shipping early 2026.</strong> eBook now available for download. Reserve your print copy at the presale price.</p>
<h2>Contents</h2>
<ol>
<li><strong>Disability mindset</strong>: For inclusive research to succeed, we must first confront our mindset about disability, typically influenced by ableism.</li>
<li><strong>Diversity of disability</strong>: Accessibility is not solely about blind screen reader users; disability categories help us unpack and process the diversity of disabled users.</li>
<li><strong>Disability in the stages of UX research</strong>: Disabled participants can and should be part of every research phase &mdash; formative, prototype, and summative.</li>
<li><strong>Recruiting disabled participants</strong>: Recruiting disabled participants is not always easy, but that simply means we need to learn strategies on where to look.</li>
<li><strong>Designing your research</strong>: While our goal is to influence accessible products, our research execution must also be accessible.</li>
<li><strong>Facilitating an accessible study</strong>: Preparation and communication with your participants can ensure your study logistics run smoothly.</li>
<li><strong>Analyzing and reporting with accuracy and impact</strong>: How you communicate your findings is just as important as gathering them in the first place &mdash; so prepare to be a storyteller, educator, and advocate.</li>
<li><strong>Disability in the UX research field</strong>: Inclusion isn&rsquo;t just for research <em>participants</em>, it&rsquo;s important for our <em>colleagues</em> as well, as explained by blind UX Researcher Dr. Cynthia Bennett.</li>
</ol>
<h2>Who This Book Is For</h2>
<p>Whether a UX professional who conducts research in industry or academia, or more broadly part of an engineering, product, or design function, you&rsquo;ll want to read this book if&hellip;</p>
<ol>
<li>You have been tasked to <strong>improve accessibility of your product</strong>, but need to know where to start to facilitate this successfully.</li>
<li>You want to establish a <strong>culture for accessibility</strong> in your company, but not sure how to make it work.</li>
<li>You want to <strong>move from WCAG/EAA compliance</strong> to established accessibility practices and inclusion in research practices and beyond.</li>
<li>You want to <strong>improve your overall accessibility knowledge</strong> and be viewed as an Accessibility Specialist for your organization.</li>
</ol>
<figure class="break-out article__image"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-5.png" alt="Illustration showing Smashing Magazine&rsquo;s mascot Topple, a red, cartoon-style cat wearing a black sweater. It is smiling and holding a post-it note in its right hand that reads &ldquo;New&rdquo; as it is peeking from behind Michele A. William&rsquo;s new book &ldquo;Accessible UX Research&rdquo;. The book has a teal cover that shows a three times three grid of windows in different architectural styles. Inside the windows, there are icons related to UX research, such as speech bubbles, a looking glass, a keyboard, and UI components. The text on the illustration reads: &ldquo;Thanks for your kind support.&rdquo;"></figure>
<h2>About the Author</h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-6.png" width="150" height="150" alt="Michele A. Williams">Dr. Michele A. Williams is owner of M.A.W. Consulting, LLC &ndash; Making Accessibility Work. Her 20+ years of experience include influencing top tech companies as a Senior User Experience (UX) Researcher and Accessibility Specialist and obtaining a PhD in Human-Centered Computing focused on accessibility. An international speaker, published academic author, and patented inventor, she is passionate about educating and advising on technology that does not exclude disabled users.</p>
<h2>Technical Details</h2>
<h2>Community Matters &#10084;&#65039;</h2>
<p>Producing a book takes quite a bit of time, and we couldn&rsquo;t pull it off without the support of our wonderful <strong>community</strong>. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin&rsquo;! &#128521;</p>
<h2>More Smashing Books &amp; Goodies</h2>
<p>Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the <strong>core of everything we do</strong> at Smashing.</p>
<p>In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Trine, Heather, and Steven are three of these people. Have you checked out their books already?</p>
<div class="book-grid break-out book-grid__in-post">
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-7.png" alt="The Ethical Design Handbook" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">The Ethical Design Handbook</h4>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p class="book--featured__desc">A practical guide on ethical design for digital products.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-8.png" alt="Understanding Privacy" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Understanding Privacy</h4>
<p class="book--featured__desc">Everything you need to know to put your users first and make a better web.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-9.png" alt="Touch Design for Mobile Interfaces" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Touch Design for Mobile Interfaces</h4>
<p class="book--featured__desc">Learn how touchscreen devices really work &mdash; and how people really use them.</p>
<p>Add to cart $44</p>
</figcaption></figure>
</div>
<div class="signature"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/12/accessible-ux-research-ebook-now-available-for-download-10.png" alt="Smashing Editorial" width="35" height="46" loading="lazy"><br>
<span>(cm, il)</span></div>
<p>The post <a href="https://thenokiablog.com/accessible-ux-research-ebook-now-available-for-download/">Accessible UX Research, eBook Now Available For Download</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Accessibility Problem With Authentication Methods Like CAPTCHA</title>
		<link>https://thenokiablog.com/the-accessibility-problem-with-authentication-methods-like-captcha/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Thu, 27 Nov 2025 10:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Identity]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/the-accessibility-problem-with-authentication-methods-like-captcha/</guid>

					<description><![CDATA[<p>CAPTCHAs were meant to keep bots out, but too often, they lock people with disabilities out,...</p>
<p>The post <a href="https://thenokiablog.com/the-accessibility-problem-with-authentication-methods-like-captcha/">The Accessibility Problem With Authentication Methods Like CAPTCHA</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><section aria-label="Quick summary" class="article__summary"><span id="article__start" class="summary__heading" aria-hidden="true"></span>CAPTCHAs were meant to keep bots out, but too often, they lock people with disabilities out, too. From image classification to click-based tests, many &ldquo;human checks&rdquo; are anything but inclusive. There&rsquo;s no universal solution, but understanding real user needs is where accessibility truly starts.</section>
</p>
<p>The Completely Automated Public Turing test to tell Computers and Humans Apart (CAPTCHA) has become ingrained in internet browsing since personal computers gained momentum in the consumer electronics market. For nearly as long as people have been going online, web developers have sought ways to block spam bots.</p>
<p>The CAPTCHA service distinguishes between human and bot activity to keep bots out. Unfortunately, its methods are less than precise. In trying to protect humans, developers have made much of the web <strong>inaccessible</strong> to people with disabilities.</p>
<figure><img decoding="async" loading="lazy" width="800" height="533" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha.jpg" alt="Authentication failed&rsquo; error message"><figcaption class="op-vertical-bottom">Image source: unsplash.com. (Large preview)</figcaption></figure>
<p>Authentication methods, such as CAPTCHA, typically use image classification, puzzles, audio samples, or click-based tests to determine whether the user is human. While the types of challenges are well-documented, their <strong>logic is not public knowledge</strong>. People can only guess what it takes to &ldquo;prove&rdquo; they are human.</p>
<figure><img decoding="async" loading="lazy" width="800" height="547" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha.png" alt="reCAPTCHA"><figcaption class="op-vertical-bottom">Image source: Google. (Large preview)</figcaption></figure>
<h2 id="what-is-captcha">What Is CAPTCHA?</h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>A CAPTCHA is a reverse Turing test that takes the form of a challenge-response test. For example, if it instructs users to &ldquo;select all images with stairs,&rdquo; they must pick the stairs out from railings, driveways, and crosswalks. Alternatively, they may be asked to enter the text they see, add the sum of dice faces, or complete a sliding puzzle.</p>
<p>Image-based CAPTCHAs are responsible for the most frustrating shared experiences internet users have &mdash; deciding whether to select a square when only a small sliver of the object in question is in it.</p>
<figure><img decoding="async" loading="lazy" width="800" height="549" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha-1.png" alt="Image-based CAPTCHA showing traffic lights"><figcaption class="op-vertical-bottom">Image source: Medium. (Large preview)</figcaption></figure>
<p>Regardless of the method, a computer or algorithm ultimately determines whether the test-taker is human or machine. This authentication service has spawned many offshoots, including reCAPTCHA and hCAPTCHA. It has even led to the creation of entire companies, such as GeeTest and Arkose Labs. The Google-owned automated system reCAPTCHA requires users to click a checkbox labeled &ldquo;I&rsquo;m not a robot&rdquo; for authentication. It runs an adaptive analysis in the background to assign a risk score. hCAPTCHA is an image-classification-based alternative.</p>
<p>Other authentication methods include multi-factor authentication (MFA), QR codes, temporary personal identification numbers (PINs), and biometrics. They do not follow the challenge-response formula, but serve fundamentally similar purposes.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p>These offshoots are intended to be better than the original, but they often fail to meet modern accessibility standards. Take hCaptcha, for instance, which uses a cookie to let you bypass the challenge-response test entirely. It&rsquo;s a great idea in theory, but it doesn&rsquo;t work in practice.</p>
<p>You&rsquo;re supposed to receive a one-time code via email that you send to a specific number over SMS. Users report receiving endless error messages, forcing them to complete the standard text CAPTCHA. This is only available if the site explicitly enabled it during configuration. If it is not set up, you must complete an image challenge that does not recognize screen readers.</p>
<p>Even when the initial process works, subsequent authentication relies on a third-party cross-site cookie, which most browsers block automatically. Also, the code expires after a short period, so you have to redo the entire process if it takes you too long to move on to the next step.</p>
<h2 id="why-do-teams-use-captcha-and-similar-authentication-methods">Why Do Teams Use CAPTCHA And Similar Authentication Methods?</h2>
<p>CAPTCHA is common because it is <strong>easy to set up</strong>. Developers can program it to appear, and it conducts the test automatically. This way, they can focus on more important matters while still preventing spam, fraud, and abuse. These tools are supposed to make it easier for humans to use the internet safely, but they often keep real people from logging in.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p>These tests result in a <strong>poor user experience</strong> overall. One study found users wasted over 819 million hours on over 512 billion reCAPTCHA v2 sessions as of 2023. Despite it all, bots prevail. Machine learning models can solve text-based CAPTCHA within fractions of a second with over 97% accuracy.</p>
<p>A 2024 study on Google&rsquo;s reCAPTCHA v2 &mdash; which is still widely used despite the rollout of reCAPTCHA v3 &mdash; found bots can solve image classification CAPTCHA with up to 100% accuracy, depending on the object they are tasked with identifying. The researchers used a free, open-source model, which means that bad actors could easily replicate their work.</p>
<p>Authentication methods like CAPTCHA have an accessibility problem. Machine learning advances forced these services to grow increasingly complex. Even still, they are not foolproof. Bots get it right more than people do. Research shows they can complete reCAPTCHA within 17.5 seconds, achieving 85% accuracy. Humans take longer and are less accurate.</p>
<p>Many people fail CAPTCHA tests and have no idea what they did wrong. For example, a prompt instructing users to &ldquo;select all squares with traffic lights&rdquo; seems simple enough, but it gets complicated if a sliver of the pole is in another square. Should they select that box, or is that what an algorithm would do?</p>
<p>Although bot capabilities have grown by magnitudes, humans have remained the same. As tests get progressively more difficult, they feel less inclined to attempt them. One survey shows nearly 59% of people will stop using a product after several bad experiences. If authentication is too cumbersome or complex, they might stop using the website entirely.</p>
<p>People can fail these tests for various reasons, including technical ones. If they block third-party cookies, have a local proxy running, or have not updated their browser in a while, they may keep failing, regardless of how many times they try.</p>
<h2 id="authentication-issues-with-captcha">Authentication Issues With CAPTCHA</h2>
<p>Due to the reasons mentioned above, most types of CAPTCHA are inherently inaccessible. This is especially true for people with disabilities, as these challenge-response tests were not designed with their needs in mind. Some of the common issues include the following:</p>
<h3 id="issues-related-to-visuals-and-screen-reader-use">Issues Related To Visuals And Screen Reader Use</h3>
<p>Screen readers cannot read standard visual CAPTCHAs, such as the distorted text test, since the jumbled, contorted words are not machine-readable. The image classification and sliding puzzle methods are similarly inaccessible.</p>
<p>In one WebAIM survey conducted from 2023 to 2024, screen reader users agreed CAPTCHA was the most problematic item, ranking it above ambiguous links, unexpected screen changes, missing alt text, inaccessible search, and lack of keyboard accessibility. Its spot at the top has remained largely unchanged for over a decade, illustrating its history of inaccessibility.</p>
<h3 id="issues-related-to-hearing-and-audio-processing">Issues Related To Hearing and Audio Processing</h3>
<p>Audio CAPTCHAs are relatively uncommon because web development best practices advise against autoplay audio and emphasize the importance of user controls. However, audio CAPTCHAs still exist. People who are hard of hearing or deaf may encounter a barrier when attempting these tests. Even with assistive technology, the intentional audio distortion and background noise make these samples challenging for individuals with auditory processing disorders to comprehend.</p>
<h3 id="issues-related-to-motor-and-dexterity">Issues Related To Motor And Dexterity</h3>
<p>Tests requiring motor and dexterity skills can be challenging for those with motor impairments or physical disabilities. For example, someone with a hand tremor may find the sliding puzzles difficult. Also, the image classification tests that load more images until none that fit the criteria are left may pose a challenge.</p>
<h3 id="issues-related-to-cognition-and-language">Issues Related To Cognition And Language</h3>
<p>As CAPTCHAs become increasingly complex, some developers are turning to tests that require a combination of creative and critical thinking. Those that require users to solve a math problem or complete a puzzle can be challenging for people with dyslexia, dyscalculia, visual processing disorders, or cognitive impairments.</p>
<h2 id="why-assistive-technology-won-t-bridge-the-gap">Why Assistive Technology Won&rsquo;t Bridge The Gap</h2>
<p>CAPTCHAs are intentionally designed for humans to interpret and solve, so assistive technology like screen readers and hands-free controls may be of little help. ReCAPTCHA in particular poses an issue because it analyzes background activity. If it flags the accessibility devices as bots, it will serve a potentially inaccessible CAPTCHA.</p>
<p>Even if this technology could bridge the gap, web developers shouldn&rsquo;t expect it to. Industry standards dictate that they should follow universal design principles to make their websites as accessible and functional as possible.</p>
<blockquote class="pull-quote">
<p>CAPTCHA&rsquo;s accessibility issues could be forgiven if it were an effective security tool, but it is far from foolproof since bots get it right more than humans do. Why keep using a method that is ineffective and creates barriers for people with disabilities?</p>
</blockquote>
<p>There are better alternatives.</p>
<h2 id="principles-for-accessible-authentication">Principles For Accessible Authentication</h2>
<p>The idea that humans should consistently outperform algorithms is outdated. Better authentication methods exist, such as <strong>multifactor authentication (MFA)</strong>. The two-factor authentication market will be worth an estimated $26.7 billion by 2027, underscoring its popularity. This tool is more effective than a CAPTCHA because it <strong>prevents unauthorized access, even with legitimate credentials</strong>.</p>
<figure><img decoding="async" loading="lazy" width="800" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha-1.jpg" alt="Multifactor authentication"><figcaption class="op-vertical-bottom">Image source: unsplash.com. (Large preview)</figcaption></figure>
<p>Ensure your MFA technique is accessible. Instead of having website visitors transcribe complex codes, you should send push notifications or SMS messages. Rely on the verification code autofill to automatically capture and enter the code. Alternatively, you can introduce a &ldquo;remember this device&rdquo; feature to skip authentication on trusted devices.</p>
<p>Apple&rsquo;s two-factor authentication approach is designed this way. A trusted device automatically displays a six-digit verification code, so they do not have to search for it. When prompted, iPhone users can tap the suggestion that appears above their mobile keyboard for autofill.</p>
<figure><img decoding="async" loading="lazy" width="800" height="546" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha-2.png" alt><figcaption class="op-vertical-bottom">Image source: Apple. (Large preview)</figcaption></figure>
<p><strong>Single sign-on</strong> is another option. This session and user authentication service allows people to log in to multiple websites or applications with a single set of login credentials, minimizing the need for repeated identity verification.</p>
<p><strong>One-time-use &ldquo;magic links&rdquo;</strong> are an excellent alternative to reCAPTCHA and temporary PINs. Rather than remembering a code or solving a puzzle, the user clicks on a button. Avoid imposing deadlines because, according to WCAG Success Criterion 2.2.3, users should not face time limits since those with disabilities may need more time to complete specific actions.</p>
<p>Alternatively, you could use Cloudflare Turnstile. It authenticates without showing a CAPTCHA, and most people never even have to check a box or hit a button. The software works by issuing a small JavaScript challenge behind the scenes to automatically differentiate between bots and humans. Cloudflare Turnstile can be embedded into any website, making it an excellent alternative to standard classification tasks.</p>
<h2 id="testing-and-evaluation-of-accessible-authentication-designs">Testing And Evaluation Of Accessible Authentication Designs</h2>
<p>Testing and evaluating your accessible alternative authentication methods is essential. Many designs look good on paper but do not work in practice. If possible, gather feedback from actual users. An open beta may be an effective way to maximize visibility.</p>
<blockquote><p>Remember, general accessibility considerations do not only apply to people with disabilities. They also include those who are neurodivergent, lack access to a mobile device, or use assistive technology. Ensure your alternative designs consider these individuals.</p></blockquote>
<p>Realistically, you cannot create a perfect system since everyone is unique. Many people struggle to follow multistep processes, solve equations, process complex instructions, or remember passcodes. While universal web design principles can improve flexibility, no single solution can meet everyone&rsquo;s needs.</p>
<blockquote class="pull-quote">
<p>Regardless of the authentication technique you use, you should present users with multiple authentication options upfront. They know their capabilities best, so let them decide what to use instead of trying to over-engineer a solution that works for every edge case.</p>
</blockquote>
<h2 id="address-the-accessibility-problem-with-design-changes">Address The Accessibility Problem With Design Changes</h2>
<p>A person with hand tremors may be unable to complete a sliding puzzle, while someone with an audio processing disorder may have trouble with distorted audio samples. However, you cannot simply replace CAPTCHAs with alternatives because they are often equally inaccessible.</p>
<p>QR codes, for example, may be difficult to scan for those with reduced fine motor control. People who are visually impaired may struggle to find it on the screen. Similarly, biometrics can pose an issue for people with facial deformities or a limited range of motion. Addressing the accessibility problem requires <strong>creative thinking</strong>.</p>
<p>You can start by visiting the Web Accessibility Initiative&rsquo;s accessibility tutorials for developers to better understand universal design. Although these tutorials focus more on content than authentication, you can still use them to your advantage. The W3C Group Draft Note on the Inaccessibility of CAPTCHA provides more relevant guidance.</p>
<p>Getting started is as easy as researching <strong>best practices</strong>. Understanding the basics is essential because there is no universal solution for accessible web design. If you want to optimize accessibility, consider sourcing feedback from the people who actually visit your website.</p>
<h3 id="further-reading">Further Reading</h3>
<div class="signature"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/11/the-accessibility-problem-with-authentication-methods-like-captcha-3.png" alt="Smashing Editorial" width="35" height="46" loading="lazy"><br>
<span>(yk)</span></div>
<p>The post <a href="https://thenokiablog.com/the-accessibility-problem-with-authentication-methods-like-captcha/">The Accessibility Problem With Authentication Methods Like CAPTCHA</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Grayscale Problem</title>
		<link>https://thenokiablog.com/the-grayscale-problem/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 10:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/the-grayscale-problem/</guid>

					<description><![CDATA[<p>From A/B tests to AI slop, the modern web is bleeding out its colour. Standardized, templated,...</p>
<p>The post <a href="https://thenokiablog.com/the-grayscale-problem/">The Grayscale Problem</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><section aria-label="Quick summary" class="article__summary"><span id="article__start" class="summary__heading" aria-hidden="true"></span>From A/B tests to AI slop, the modern web is bleeding out its colour. Standardized, templated, and overoptimized, it&rsquo;s starting to feel like a digital Levittown. But it doesn&rsquo;t have to be.</section>
</p>
<p>Last year, a study found that cars are steadily getting less colourful. In the US, around 80% of cars are now black, white, gray, or silver, up from 60% in 2004. This trend has been attributed to cost savings and consumer preferences. Whatever the reasons, the result is hard to deny: a big part of daily life isn&rsquo;t as colourful as it used to be.</p>
<figure><img decoding="async" loading="lazy" width="800" height="420" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem.png" alt><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<p>The colourfulness of mass consumer products is hardly the bellwether for how vibrant life is as a whole, but the study captures a trend a lot of us recognise &mdash; offline and on. From colour to design to public discourse, a lot of life is getting less varied, more grayscale.</p>
<figure class="break-out article__image"><img decoding="async" loading="lazy" width="800" height="580" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-1.png" alt><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<p>The web is caught in the same current. There is plenty right with it &mdash; it retains plenty of its founding principles &mdash; but its state is not healthy. From AI slop to shoddy service providers to enshittification, the digital world faces its own <strong>grayscale problem</strong>.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>This bears talking about. One of life&rsquo;s great fallacies is that things get better over time on their own. They can, but it&rsquo;s certainly not a given. I don&rsquo;t think the moral arc of the universe does not bend towards justice, not on its own; I think it bends wherever it is dragged, kicking and screaming, by those with the will and the means to do so.</p>
<p>Much of the modern web, and the forces of optimisation and standardisation that drive it, bear an uncanny resemblance to the trend of car colours. Processes like market research and A/B testing &mdash; the process by which two options are compared to see which &lsquo;performs&rsquo; better on clickthrough, engagement, etc. &mdash; have their value, but they don&rsquo;t lend themselves to particularly stimulating design choices.</p>
<p>The spirit of free expression that made the formative years of the internet so exciting &mdash; think GeoCities, personal blogging, and so on &mdash; is on the slide.</p>
<figure class="break-out article__image"><img decoding="async" loading="lazy" width="800" height="416" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-2.png" alt="Screenshot from the Geocities Gallery"><figcaption class="op-vertical-bottom">Image source: The Geocities Gallery. (Large preview)</figcaption></figure>
<p>The ongoing transition to a more decentralised, privacy-aware Web3 holds some promise. Two-thirds of the world&rsquo;s population now has online access &mdash; though that still leaves plenty of work to do &mdash; with a wealth of platforms allowing billions of people to connect. The dream of a digital world that is open, connected, and flat endures, but is tainted.</p>
<div data-audience="non-subscriber" data-remove="true" class="feature-panel-container">Smashing Email Newsletter with useful tips on front-end, design &amp; UX. Subscribe and <strong>get &ldquo;Smart Interface Design Checklists&rdquo;</strong> &mdash; a <strong>free PDF deck</strong> with 150+ questions to ask yourself when designing and building almost <em>anything</em>.
</div>

<div class="feature-panel-right-col">
<div class="feature-panel-image"><img decoding="async" loading="lazy" class="feature-panel-image-img" src="https://www.smashingmagazine.com/images/smashing-cat/cat-firechat.svg" alt="Feature Panel" width="310" height="400"></div>
</div>


<h2 id="monopolies">Monopolies</h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p>One of the main sources of concern for me is that although more people are online than ever, they are concentrating on fewer and fewer sites. A study published in 2021 found that <strong>activity is concentrated in a handful of websites</strong>. Think Google, Amazon, Facebook, Instagram, and, more recently, ChatGPT:</p>
<blockquote><p>&ldquo;So, while there is still growth in the functions, features, and applications offered on the web, the number of entities providing these functions is shrinking. [&hellip;] The authority, influence, and visibility of the top 1,000 global websites (as measured by network centrality or PageRank) is growing every month, at the expense of all other sites.&rdquo;</p></blockquote>
<p>Monopolies by nature <strong>reduce variance</strong>, both through their domination of the market and (understandably in fairness) internal preferences for consistency. And, let&rsquo;s be frank, they have a vested interest in crushing any potential upstarts.</p>
<p>Dominant websites often fall victim to what I like to call <strong>Internet Explorer Syndrome</strong>, where their dominance breeds a certain amount of complacency. Why improve your quality when you&rsquo;re sitting on 90% market share? No wonder the likes of Google are getting worse.</p>
<p>The most immediate sign of this is obviously how sites are designed and how they look. A lot of the big players look an awful lot like each other. Even personal websites are built atop third-party website builders. Millions of people wind up using the same handful of templates, and that&rsquo;s if they have their own website at all. On social media, we are little more than a profile picture and a pithy tagline. The rest is boilerplate.</p>
<figure class="break-out article__image"><img decoding="async" loading="lazy" width="800" height="728" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-3.png" alt="Gratscale minimalist layout example"><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p>Should there be sleek, minimalist, &lsquo;grayscale&rsquo; design systems and websites? Absolutely. But there should be colourful, kooky ones too, and if anything, they&rsquo;re fading away. Do we really want to spend our online lives in the digital equivalent of Levittowns? Even logos are contriving to be less eye-catching. It feels like a matter of time before every major logo is a circle in a pastel colour.</p>
<figure class="break-out article__image"><img decoding="async" loading="lazy" width="800" height="508" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-4.png" alt><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<p>The arrival of Artificial Intelligence into our everyday lives (and a decent chunk of the digital services we use) has put all of this into overdrive. Amalgamating &mdash; and hallucinating from &mdash; content that was already trending towards a perfect average, it is grayscale in its purest form.</p>
<p>Mix all the colours together, and what do you get? A muddy gray gloop.</p>
<figure class="break-out article__image"><img decoding="async" loading="lazy" width="800" height="424" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-5.png" alt="Colors mixed together into gray lopp"><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<p>I&rsquo;m not railing against best practice. A lot of conventions have become the standard for good reason. One could just as easily shake their fist at the sky and wonder why all newspapers look the same, or all books. I hope the difference here is clear, though.</p>
<blockquote class="pull-quote">
<p>The web is a flexible enough domain that I think it belongs in the realm of architecture. A city where all buildings look alike has a soul-crushing quality about it. The same is true, I think, of the web.</p>
</blockquote>
<p>In the Oscar Wilde play <em>Lady Windermere&rsquo;s Fan</em>, a character quips that a cynic <em>&ldquo;knows the price of everything and the value of nothing.&rdquo;</em> In fairness, another quips back that a sentimentalist <em>&ldquo;sees an absurd value in everything, and doesn&rsquo;t know the market price of any single thing.&rdquo;</em></p>
<p>The sweet spot is somewhere in between. Structure goes a long way, but life needs a bit of variety too.</p>
<p>So, how do we go about bringing that variety? We probably shouldn&rsquo;t hold our breath on big players to lead the way. They have the most to lose, after all. Why risk being colourful or dynamic if it impacts the bottom line?</p>
<p>We, the citizens of the web, have more power than we realise. This is the web, remember, a place where if you can imagine it, odds are you can make it. And at zero cost. No materials to buy and ship, no shareholders to appease. A place as flexible &mdash; and limitless &mdash; as the web has no business being boring.</p>
<p>There are plenty of ways, big and small, of keeping this place colourful. Whether our digital footprints are on third-party websites or ones we build ourselves, we needn&rsquo;t toe the line.</p>
<p><strong>Colour</strong> seems an appropriate place to start. When given the choice, try something audacious rather than safe. The worst that can happen is that it doesn&rsquo;t work. It&rsquo;s not like the sunk cost of painting a room; if you don&rsquo;t like the palette, you simply change the hex codes. The same is true of fonts, icons, and other building blocks of the web.</p>
<p>As an example, a couple of friends and I listen to and review albums occasionally as a hobby. On the website, the palette of each review page reflects the album artwork:</p>
<figure><img decoding="async" loading="lazy" width="800" height="800" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-6.png" alt><figcaption class="op-vertical-bottom">(Large preview)</figcaption></figure>
<p>I couldn&rsquo;t tell you if reviews &lsquo;perform&rsquo; better or worse than if they had a grayscale palette, because I don&rsquo;t care. I think it&rsquo;s a lot nicer to look at. And for those wondering, yes, I have tried to make every page meet AA Web Accessibility standards. Vibrant and accessible aren&rsquo;t mutually exclusive.</p>
<p>Another great way of bringing vibrancy to the web is a <strong>degree of randomisation</strong>. Bruno Simon of Three Journey and awesome portfolio fame weaves random generation into a lot of his projects, and the results are gorgeous. What&rsquo;s more, they feel familiar, natural, because life is full of wildcards.</p>
<figure><img loading="lazy" decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem.gif" width="800" height="520" alt="3D model"></figure>
<p>This needn&rsquo;t be in fancy 3D models. You could lightly rotate images to create a more informal, photo album mood, or chuck in the occasional random link in a list of recommended articles, just to shake things up.</p>
<p>In a lot of ways, it boils down to an attitude of just trying stuff out. Make your own font, give the site a sepia filter, and add that easter egg you keep thinking about. Just because someone, somewhere has already done it doesn&rsquo;t mean you can&rsquo;t do it your own way. And who knows, maybe your way stumbles onto someplace wholly new.</p>
<p>I&rsquo;m wary of being too prescriptive. I don&rsquo;t have the keys to a colourful web. No one person does. A vibrant community is the sum total of its people. What keeps things interesting is individuals trying wacky ideas and putting them out there. Expression for expression&rsquo;s sake. Experimentation for experimentation&rsquo;s sake. Tinkering for tinkering&rsquo;s sake.</p>
<p>As users, there&rsquo;s also plenty of room to be adventurous and try out open source alternatives to the software monopolies that shape so much of today&rsquo;s Web. Being active in the communities that shape those tools helps to sustain <strong>a more open, collaborative digital world</strong>.</p>
<p>Although there are lessons to be taken from it, we won&rsquo;t get a more colourful web by idealising the past or pining to get back to the &lsquo;90s. Nor is there any point in resisting new technologies. AI is here; the choice is whether we use it or it uses us. We must have the courage to carry forward what still holds true, drop what doesn&rsquo;t, and explore new ideas with a spirit of play.</p>
<p>Here are a few more <em>Smashing</em> articles in that spirit:</p>
<p>I do think there&rsquo;s a broader discussion to be had about the extent to which A/B tests, bottom lines, and focus groups seem to dictate much of how the modern web looks and feels. With sites being squeezed tighter and tighter by dwindling advertising revenues, and AI answers muscling in on search traffic, the corporate entities behind larger websites can&rsquo;t justify doing anything other than what is safe and proven, for fear of shrinking their slice of the pie.</p>
<p>Lest we forget, though, most of the web isn&rsquo;t beholden to those types of pressure. From pet projects to wikis to forums to community news outlets to all manner of other things, there are countless reasons for websites to exist, and they needn&rsquo;t take design cues from the handful of sites slugging it out at the top.</p>
<p>Connected with this is the dire need for digital literacy (PDF) &mdash; &lsquo;the confident and critical use of a full range of digital technologies for information, communication and basic problem-solving in all aspects of life.&rsquo; For as long as using third-party platforms is a necessity rather than a choice, the needle&rsquo;s only going to move so much.</p>
<p>There&rsquo;s a reason why Minecraft is the world&rsquo;s best-selling game. People are creative. When given the tools &mdash; and the opportunity &mdash; that creativity will manifest in weird and wonderful ways. That game is a lot of things, but gray ain&rsquo;t one of them.</p>
<p>The web has all of that flexibility and more. It is a <strong>manifestation of imagination</strong>. Imagination trends towards colour, not grayness. It doesn&rsquo;t always feel like it, but where the internet goes is decided by its citizens. The internet is ours. If we want to, we can make it technicolor.</p>
<div class="signature"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/10/the-grayscale-problem-7.png" alt="Smashing Editorial" width="35" height="46" loading="lazy"><br>
<span>(yk)</span></div>
<p>The post <a href="https://thenokiablog.com/the-grayscale-problem/">The Grayscale Problem</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Meet Accessible UX Research, A Brand-New Smashing Book</title>
		<link>https://thenokiablog.com/meet-accessible-ux-research-a-brand-new-smashing-book/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Fri, 20 Jun 2025 16:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/meet-accessible-ux-research-a-brand-new-smashing-book/</guid>

					<description><![CDATA[<p>Meet our newest book, &#8220;Accessible UX Research&#8221; &#8212; now available for pre-order. Michele A. Williams takes...</p>
<p>The post <a href="https://thenokiablog.com/meet-accessible-ux-research-a-brand-new-smashing-book/">Meet Accessible UX Research, A Brand-New Smashing Book</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="c-garfield-summary">
<section aria-label="Quick summary" class="article__summary"><span id="article__start" class="summary__heading" aria-hidden="true"></span>Meet our newest book, &ldquo;Accessible UX Research&rdquo; &mdash; now available for pre-order. Michele A. Williams takes us for a deep dive into the real world of UX research, with a roadmap for including users with different abilities and needs. Purchase now to get your copy as soon as it&rsquo;s available, and to save off the full price. Pre-order the book.</section>
</div>
<p><strong>UX research</strong> can take so much of the guesswork out of the design process! But it&rsquo;s easy to forget just how <em>different</em> people are and how their needs and preferences can vary. We can&rsquo;t predict the needs of every user, but we shouldn&rsquo;t expect different people using the product in roughly the same way. That&rsquo;s how we end up with an incomplete, inaccurate, or simply wrong picture of our customers.</p>
<p>There is no shortage of accessibility checklists and guidelines. But accessibility isn&rsquo;t a checklist. It doesn&rsquo;t happen by accident. It&rsquo;s a <strong>dedicated effort</strong> to include and consider and understand different needs of different users to make sure everyone can use our products successfully. That&rsquo;s why we&rsquo;ve teamed up with Michele A. Williams on a shiny new book around just that.</p>
<p>Meet <em>Accessible UX Research</em>, your guide to <strong>making UX research more inclusive</strong> of participants with different needs &mdash; from planning and recruiting to facilitation, asking better questions, avoiding bias, and building trust. Pre-order the book.</p>
<figure class="break-out article__image"><img loading="lazy" decoding="async" width="900" height="506" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book.png" alt="Illustration showing Smashing Magazine&rsquo;s mascot Topple, a red, cartoon-style cat wearing a black sweater. It is smiling and holding a post-it note in its right hand that reads &ldquo;New&rdquo; as it is peeking from behind Michele A. William&rsquo;s new book &ldquo;Accessible UX Research&rdquo;. The book has a teal cover that shows a three times three grid of windows in different architectural styles. Inside the windows, there are icons related to UX research, such as speech bubbles, a looking glass, a keyboard, and UI components. The text on the illustration reads: &ldquo;Coming soon to the Smashing Library! Pre-order your copy now.&rdquo;"></figure>
<h2 id="about-the-book">About The Book</h2>
<p>The book isn&rsquo;t a checklist for you to complete as a part of your accessibility work. It&rsquo;s a <strong>practical guide to inclusive UX research</strong>, from start to finish. If you&rsquo;ve ever felt unsure how to include disabled participants, or worried about &ldquo;getting it wrong,&rdquo; this book is for you. You&rsquo;ll get clear, practical strategies to make your research more inclusive, effective, and reliable.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>Inside, you&rsquo;ll learn how to:</p>
<ul>
<li><strong>Plan research</strong> that includes disabled participants from the start,</li>
<li><strong>Recruit participants</strong> with disabilities,</li>
<li><strong>Facilitate sessions</strong> that work for a range of access needs,</li>
<li><strong>Ask better questions</strong> and avoid unintentionally biased research methods,</li>
<li><strong>Build trust and confidence</strong> in your team around accessibility and inclusion.</li>
</ul>
<p>The book also challenges common assumptions about disability and urges readers to <strong>rethink what inclusion really means</strong> in UX research and beyond. Let&rsquo;s move beyond compliance and start doing research that reflects the full diversity of your users. Whether you&rsquo;re in industry or academia, this book gives you the tools &mdash; and the mindset &mdash; to make it happen.</p>
<p>High-quality hardcover. Written by Dr. Michele A. Williams. Cover art by Espen Brunborg. <strong>Print shipping in August 2025. eBook available for download later this summer.</strong> Pre-order the book.</p>
<h2 id="contents">Contents</h2>
<ol>
<li><strong>Disability mindset</strong>: For inclusive research to succeed, we must first confront our mindset about disability, typically influenced by ableism.</li>
<li><strong>Diversity of disability</strong>: Accessibility is not solely about blind screen reader users; disability categories help us unpack and process the diversity of disabled users.</li>
<li><strong>Disability in the stages of UX research</strong>: Disabled participants can and should be part of every research phase &mdash; formative, prototype, and summative.</li>
<li><strong>Recruiting disabled participants</strong>: Recruiting disabled participants is not always easy, but that simply means we need to learn strategies on where to look.</li>
<li><strong>Designing your research</strong>: While our goal is to influence accessible products, our research execution must also be accessible.</li>
<li><strong>Facilitating an accessible study</strong>: Preparation and communication with your participants can ensure your study logistics run smoothly.</li>
<li><strong>Analyzing and reporting with accuracy and impact</strong>: How you communicate your findings is just as important as gathering them in the first place &mdash; so prepare to be a storyteller, educator, and advocate.</li>
<li><strong>Disability in the UX research field</strong>: Inclusion isn&rsquo;t just for research <em>participants</em>, it&rsquo;s important for our <em>colleagues</em> as well, as explained by blind UX Researcher Dr. Cynthia Bennett.</li>
</ol>
<h2 id="who-this-book-is-for">Who This Book Is For</h2>
<p>Whether a UX professional who conducts research in industry or academia, or more broadly part of an engineering, product, or design function, you&rsquo;ll want to read this book if&hellip;</p>
<ol>
<li>You have been tasked to <strong>improve accessibility of your product</strong>, but need to know where to start to facilitate this successfully.</li>
<li>You want to establish a <strong>culture for accessibility</strong> in your company, but not sure how to make it work.</li>
<li>You want to <strong>move from WCAG/EAA compliance</strong> to established accessibility practices and inclusion in research practices and beyond.</li>
<li>You want to <strong>improve your overall accessibility knowledge</strong> and be viewed as an Accessibility Specialist for your organization.</li>
</ol>
<figure class="break-out article__image"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-1.png" alt="Illustration showing Smashing Magazine&rsquo;s mascot Topple, a red, cartoon-style cat wearing a black sweater. It is smiling and holding a post-it note in its right hand that reads &ldquo;New&rdquo; as it is peeking from behind Michele A. William&rsquo;s new book &ldquo;Accessible UX Research&rdquo;. The book has a teal cover that shows a three times three grid of windows in different architectural styles. Inside the windows, there are icons related to UX research, such as speech bubbles, a looking glass, a keyboard, and UI components. The text on the illustration reads: &ldquo;Thanks for your kind support.&rdquo;"></figure>
<h2 id="about-the-author">About the Author</h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-2.png" width="150" height="150" alt="Michele A. Williams">Dr. Michele A. Williams is owner of M.A.W. Consulting, LLC &ndash; Making Accessibility Work. Her 20+ years of experience include influencing top tech companies as a Senior User Experience (UX) Researcher and Accessibility Specialist and obtaining a PhD in Human-Centered Computing focused on accessibility. An international speaker, published academic author, and patented inventor, she is passionate about educating and advising on technology that does not exclude disabled users.</p>
<h2 id="testimonials">Testimonials</h2>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-3.png" width="150" height="150" alt="Eric Bailey">&ldquo;<em>Accessible UX Research</em> stands as a vital and necessary resource. In addressing disability at the User Experience Research layer, it helps to set an equal and equitable tone for products and features that resonates through the rest of the creation process. The book provides a <strong>solid framework</strong> for all aspects of conducting research efforts, including not only process considerations, but also importantly the mindset required to approach the work.</p>
<p>This is <strong>the book I wish I had</strong> when I was first getting started with my accessibility journey. It is a gift, and I feel so fortunate that Michele has chosen to share it with us all.&rdquo;</p>
<p>Eric Bailey, Accessibility Advocate</p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-4.png" width="150" height="150" alt="Devon Pershing">&ldquo;User research in accessibility is non-negotiable for actually meeting users&rsquo; needs, and this book is a <strong>critical piece in the puzzle</strong> of actually doing and integrating that research into accessibility work day to day.&rdquo;</p>
<p>Devon Pershing, Author of <em>The Accessibility Operations Guidebook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-5.png" width="150" height="150" alt="Manuel Matuzovi&#263;">&ldquo;Our decisions as developers and designers are often based on recommendations, assumptions, and biases. Usually, this doesn&rsquo;t work, because checking off lists or working solely from our own perspective can never truly represent the <strong>depth of human experience</strong>. Michele&rsquo;s book provides you with the strategies you need to conduct UX research with diverse groups of people, challenge your assumptions, and create truly great products.&rdquo;</p>
<p>Manuel Matuzovi&#263;, Author of the <em>Web Accessibility Cookbook</em></p>
</blockquote>
<blockquote><p><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-6.png" width="150" height="150" alt="Anna E. Cook">&ldquo;This book is a vital resource on inclusive research. Michele Williams expertly breaks down key concepts, guiding readers through disability models, language, and etiquette. A <strong>strong focus on real-world application</strong> equips readers to conduct impactful, inclusive research sessions. By emphasizing diverse perspectives and proactive inclusion, the book makes a compelling case for accessibility as a core principle rather than an afterthought. It is a must-read for researchers, product-makers, and advocates!&rdquo;</p>
<p>Anna E. Cook, Accessibility and Inclusive Design Specialist</p>
</blockquote>
<h2 id="technical-details">Technical Details</h2>
<ul>
<li>ISBN: <span class="small-caps">978-3-910835-03-0</span> (print)</li>
<li><strong>Quality hardcover</strong>, stitched binding, ribbon page marker.</li>
<li>Free worldwide airmail <strong>shipping from Germany starting in August 2025</strong>.</li>
<li>eBook available for download as <strong>PDF, ePUB, and Amazon Kindle later this summer</strong>.</li>
<li>Pre-order the book.</li>
</ul>
<p>Producing a book takes quite a bit of time, and we couldn&rsquo;t pull it off without the support of our wonderful <strong>community</strong>. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members as soon as it&rsquo;s out. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin&rsquo;! &#128521;</p>
<h2 id="more-smashing-books-amp-goodies">More Smashing Books &amp; Goodies</h2>
<p>Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the <strong>core of everything we do</strong> at Smashing.</p>
<p>In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Addy, Heather, and Steven are three of these people. Have you checked out their books already?</p>
<div class="book-grid break-out book-grid__in-post">
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-7.png" alt="Success at Scale" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Success at Scale</h4>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p class="book--featured__desc">A deep dive into how production sites of different sizes tackle performance, accessibility, capabilities, and developer experience at scale.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-8.png" alt="Understanding Privacy" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Understanding Privacy</h4>
<p class="book--featured__desc">Everything you need to know to put your users first and make a better web.</p>
<p>Add to cart $44</p>
</figcaption></figure>
<figure class="book--featured">
<div class="book--featured__image"><img decoding="async" loading="lazy" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-9.png" alt="Touch Design for Mobile Interfaces" width="160" height="232"></div><figcaption>
<h4 class="book--featured__title">Touch Design for Mobile Interfaces</h4>
<p class="book--featured__desc">Learn how touchscreen devices really work &mdash; and how people really use them.</p>
<p>Add to cart $44</p>
</figcaption></figure>
</div>
<div class="signature"><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/06/meet-accessible-ux-research-a-brand-new-smashing-book-10.png" alt="Smashing Editorial" width="35" height="46" loading="lazy"><br>
<span>(as, cm)</span></div>
<p>The post <a href="https://thenokiablog.com/meet-accessible-ux-research-a-brand-new-smashing-book/">Meet Accessible UX Research, A Brand-New Smashing Book</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CSS Properties to Make Hyperlinks More Attractive</title>
		<link>https://thenokiablog.com/css-properties-to-make-hyperlinks-more-attractive/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Tue, 10 Dec 2024 09:06:45 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Snippets]]></category>
		<category><![CDATA[CSS Tutorials]]></category>
		<category><![CDATA[Web Accessibility]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/css-properties-to-make-hyperlinks-more-attractive/</guid>

					<description><![CDATA[<p>Hyperlinks don&#8217;t always get the attention they deserve from web designers. Sure, we might make a...</p>
<p>The post <a href="https://thenokiablog.com/css-properties-to-make-hyperlinks-more-attractive/">CSS Properties to Make Hyperlinks More Attractive</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div><img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2024/12/css-properties-to-make-hyperlinks-more-attractive.jpg" class="ff-og-image-inserted"></div>
<p>Hyperlinks don&rsquo;t always get the attention they deserve from web designers. Sure, we might make a few tweaks. However, we don&rsquo;t always go the extra mile to make them stand out.</p>
<p>Perhaps that&rsquo;s because the styling options used to be limited. Link color and underlining were the primary options. Hover and focus states seemed to be where most of the creativity occurred. Other enhancements tended to require add-ons like JavaScript.</p>
<p>CSS has changed the game in recent years. Several properties are available to customize the look of hyperlinks. They also provide a higher level of control regarding details like spacing and sizing.</p>
<p>It&rsquo;s a whole new world of possibilities. Let&rsquo;s check out some CSS properties that help make hyperlinks more attractive.</p>
<h2><span id="A_Default_Link">A Default Link</span></h2>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/rose-gold-design/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Rose gold design</span></a></div><p>We&rsquo;ll start with a default link configuration. A link color and CSS states were added &ndash; but that&rsquo;s it. It will serve as a baseline as we explore the CSS properties below.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="qBeLKyK" data-pen-title="Link Styling:Plain" data-preview="true" data-user="karks88">See the Pen Link Styling:Plain by Eric Karkovack</p>
<p>It used to be that a link&rsquo;s underline had to be the same color as its text. The <code>text-decoration-color</code> property allows us to choose a separate hue. It also works with overlines, strikethroughs, and anything else set by the text-decoration property.</p>
<p>We&rsquo;ve added a brown underline to compliment our green link text.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/passion-work/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Passion &amp; work</span></a></div><p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="GRVPGPb" data-pen-title="Link Styling:text-decoration-color" data-preview="true" data-user="karks88">See the Pen Link Styling:text-decoration-color by Eric Karkovack</p>
<p>This niche property determines how the link&rsquo;s text decoration interacts with glyphs. The default setting is auto, where the browser interrupts underlines and overlines so they don&rsquo;t touch a glyph. You&rsquo;ll notice this with lowercase letters that go below the baseline.</p>
<p>Setting the property to <code>none</code> means the underline or overline draws a straight line &ndash; regardless of where glyphs are located.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="NWQeBrd" data-pen-title="Link Styling:text-decoration-skip-link" data-preview="true" data-user="karks88">See the Pen Link Styling:text-decoration-skip-link by Eric Karkovack</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/the-joy-of-art/" class="template-2"><span class="cta">Read more</span><span class="postTitle">The joy of art</span></a></div><p>The thickness of a link&rsquo;s underline typically follows what&rsquo;s defined in the font-weight property. That is, bold text will result in a thicker underline. This property lets us set a consistent value for every link in the cascade.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="xxvmJLM" data-pen-title="Link Styling:text-decoration-thickness" data-preview="true" data-user="karks88">See the Pen Link Styling:text-decoration-thickness by Eric Karkovack</p>
<p>Text decorations don&rsquo;t have to be a straight line. This property lets you change the style to <code>dashed</code>, <code>dotted</code>, <code>double</code>, or <code>wavy</code> lines.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="xxvmawb" data-pen-title="Link Styling:text-decoration-style" data-preview="true" data-user="karks88">See the Pen Link Styling:text-decoration-style by Eric Karkovack</p>
<p>Here&rsquo;s a way to specify how closely (or not) an underline is to the text above. Adding a few pixels of space between them can improve legibility.</p>
<p>Note that this property doesn&rsquo;t impact instances of the HTML underline tag (<code>&lt;u&gt;</code>). It only affects instances where the <code>text-decoration</code> property is set.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="vYovzZZ" data-pen-title="Link Styling:text-underline-offset" data-preview="true" data-user="karks88">See the Pen Link Styling:text-underline-offset by Eric Karkovack</p>
<p>Another niche property, <code>text-underline-position</code> specifies the position of the underline relative to its text. Setting it to under is ideal for mathematical and scientific formulas. It makes subscript characters easy to read &ndash; even when underlined.</p>
<p class="codepen" data-height="550" data-default-tab="css,result" data-slug-hash="qBeLMxa" data-pen-title="Link Styling:text-underline-under" data-preview="true" data-user="karks88">See the Pen Link Styling:text-underline-under by Eric Karkovack</p>
<h2><span id="Going_Further_with_Link_Styles">Going Further with Link Styles</span></h2>
<p>Hyperlinks don&rsquo;t have to be bland. There are now plenty of ways to make them as much a part of your brand as other design elements.</p>
<p>The properties above are all worth considering when styling links. They&rsquo;re relatively simple to implement and can make links more attractive and accessible. Best of all, they&rsquo;re native CSS and won&rsquo;t impact page load performance.</p>
<p>You can also use them beyond default styles. Style them for various states, such as changing the link&rsquo;s underline color during a hover event. In addition, there&rsquo;s an opportunity to add animation and transitions to create all sorts of fun micro-interactions.</p>
<p>Just beware &ndash; it&rsquo;s possible to take things a little too far. Always keep best practices in mind to enhance the user experience. Anything that makes links harder to read or use isn&rsquo;t worth doing.</p>
<p>It&rsquo;s time to get creative! Experiment with these CSS properties and see how you can bring a little life to your links.</p>
<div class="topics">
<h2>Related Topics</h2>
</div>
<p><i class="fa fa-arrow-up"></i><br>Top</p>
<p>The post <a href="https://thenokiablog.com/css-properties-to-make-hyperlinks-more-attractive/">CSS Properties to Make Hyperlinks More Attractive</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
