<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Laura Wissiak, CPACC</title>
    <description>The latest articles on DEV Community by Laura Wissiak, CPACC (@laura-wissiak).</description>
    <link>https://dev.to/laura-wissiak</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3449248%2F1f236bcf-a0bc-4441-b74b-f3b7fc4d63da.jpg</url>
      <title>DEV Community: Laura Wissiak, CPACC</title>
      <link>https://dev.to/laura-wissiak</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/laura-wissiak"/>
    <language>en</language>
    <item>
      <title>Keyboard Access and Focus: DHS Trusted Tester Study Group Session 3</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Fri, 20 Mar 2026 16:46:24 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/keyboard-access-and-focus-dhs-trusted-tester-study-group-session-3-3f09</link>
      <guid>https://dev.to/laura-wissiak/keyboard-access-and-focus-dhs-trusted-tester-study-group-session-3-3f09</guid>
      <description>&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/z_wxn6oWbqY"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;p&gt;In the digital landscape, we often design for the mouse. We obsess over hover states, smooth cursor transitions, and the “joy of use” for pointer users. Yet, for users relying on keyboards, screen readers, or alternative input devices, the mouse stays invisible. &lt;/p&gt;

&lt;p&gt;Session 3 of our Trusted Tester study group tapped into Topic 4: Keyboard Access and Focus. As you already know, the Trusted Tester Process is based on WCAG 2.0, but lucky us, the relevant success criteria on this topic stay the same in WCAG 2.2.&lt;/p&gt;

&lt;h3&gt;
  
  
  4.A Keyboard Access: The Foundation
&lt;/h3&gt;

&lt;p&gt;The rule is simple but non-negotiable: All functionality must be operable through a keyboard interface.&lt;/p&gt;

&lt;p&gt;This isn’t just about links and buttons, it covers dropdown menus, form fields, and even tooltips containing essential information. For example, during the session, we tested a shipping information form. While most fields were accessible, the “City” and “Area Code” input fields were completely unreachable via the Tab key. Even though they were visible on the screen, the lack of keyboard access meant the form was unusable for keyboard users.&lt;/p&gt;

&lt;p&gt;If a user can’t click it with a mouse, they must be able to reach it with Tab, Enter, Space, or arrow keys. Setting custom key combinations for specific interactions is also acceptable, as long as you tell users what the combination is and it doesn’t include timing requirements because…  that’s a spoiler for the next one:&lt;/p&gt;

&lt;h3&gt;
  
  
  4.B Keystroke Timing: No Race Conditions
&lt;/h3&gt;

&lt;p&gt;Users should never have to race against the clock to activate a feature. This is not the great ticket master war, it’s &lt;a href="https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html" rel="noopener noreferrer"&gt;WCAG 2.1.1&lt;/a&gt; which explicitly states that functionality must not require specific timings for individual keystrokes.&lt;/p&gt;

&lt;p&gt;In the session, our example was a survey tool where the only way to drag and drop a question type via keyboard was to hold Ctrl + Right Arrow for three full seconds. While the feature was technically keyboard accessible, the timing requirement excludes users with motor impairments or slower reaction times.&lt;/p&gt;

&lt;p&gt;If a function requires a long-press or a timed sequence, there must be an alternative method that doesn’t rely on timing e.g. a simple Ctrl + C / Ctrl + V shortcut (which you also tell users about!).&lt;/p&gt;

&lt;h3&gt;
  
  
  4.C Keyboard Traps: Escaping the Loop
&lt;/h3&gt;

&lt;p&gt;A keyboard trap occurs when a user moves focus into a component (like a modal dialog or a custom menu) and cannot move focus out using standard navigation keys (Tab, Shift+Tab, Escape).&lt;/p&gt;

&lt;p&gt;In our passing example, we tested a file upload dialog. The focus cycled logically through the inputs, and pressing Esc or the “X” button returned the user to the main page. In this case, the loop within the dialog is intended behavior, not a trap. &lt;/p&gt;

&lt;p&gt;However, in our failing example, a similar dialog box had an “X” button that was visually present but not focusable. The focus looped endlessly between two links inside the dialog. The user was stuck. Without a documented custom shortcut to escape, this was a hard fail.&lt;/p&gt;

&lt;p&gt;Rule of Thumb is: If you can’t get out of a component with Tab or Escape, you likely have a trap on your fingers.&lt;/p&gt;

&lt;h3&gt;
  
  
  4.D Focus Visibility: Seeing Where You Are
&lt;/h3&gt;

&lt;p&gt;For mouse users, hovering reveals the target. For keyboard users, the focus indicator is their only map.&lt;/p&gt;

&lt;p&gt;WCAG 2.4.7 requires a visible mode of operation where the keyboard focus indicator is visible. We saw a login page where the focus indicator was a subtle, light-gray dotted line that blended perfectly into the background. Technically, it existed, but it was invisible to anyone with low vision or poor eyesight.&lt;/p&gt;

&lt;p&gt;Another example was a test page where links had tooltips on hover, but no focus when tabbed to. A tooltip is not a focus indicator. If you can’t see where the focus is, you can’t navigate.&lt;/p&gt;

&lt;p&gt;Tooltips are not Focus Indicators&lt;/p&gt;

&lt;p&gt;Design Note: I know custom focus states are tempting, but don’t remove the default browser outline unless you replace it with something highly visible and high-contrast. &lt;/p&gt;

&lt;h3&gt;
  
  
  4.E Focus Change of Context: Don’t Surprise Me
&lt;/h3&gt;

&lt;p&gt;When a user tabs to an element, nothing should happen automatically. No new windows should open, no pages should redirect, and no content should change unless the user explicitly activates the element (e.g., presses Enter).&lt;/p&gt;

&lt;p&gt;We tested a “Peanuts” link that, upon receiving focus, immediately opened a new window and redirected the user. This is a Change of Context triggered solely by focus. It disorients users, especially those using screen readers who might be exploring a page and suddenly find themselves in a completely different context.&lt;/p&gt;

&lt;p&gt;Similarly, a registration form that auto-submitted and showed a “Success” dialog just because the user tabbed to the submit button (without even pressing Enter) was a failure. Repeat after me: Focus is not activation.&lt;/p&gt;

&lt;h3&gt;
  
  
  4.F Focus Order: The Logical Flow
&lt;/h3&gt;

&lt;p&gt;Finally, the sequence in which focus moves must preserve the meaning and operability of the page. In a well-implemented form, the tab order follows the visual flow: Name -&amp;gt; Address -&amp;gt; City -&amp;gt; State. &lt;/p&gt;

&lt;p&gt;And then you have things like our failing example: A newsletter subscription page had a chaotic tab order that jumped from the “Name” field to the “Business Digest” newsletter, then back to “Street Name,” then back to another newsletter choice (probably also why subscribing to A11y News was not an option here).&lt;/p&gt;

&lt;p&gt;This remixed order destroys the logical narrative of the form. While the user could eventually fill it out, the jumping focus makes it unnecessarily harder to. Alas, the Dark Souls of Accessibility strikes again!&lt;/p&gt;

&lt;p&gt;Note: The focus order doesn’t have to be strictly top-to-bottom, but it needs to be logical for the target demographic. It must make sense for the content’s structure and the language setting, e.g., right-to-left could be appropriate for Arabic, Hebrew, or traditional-style Japanese formatting. This is a cultural question to consider in the design process. &lt;/p&gt;




&lt;h2&gt;
  
  
  Resources
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://youtu.be/NzBo3sU0ki8" rel="noopener noreferrer"&gt;Study Group Recordings&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://drive.google.com/drive/folders/1CGFlwLSGL_tt1RNw12vuuOZEB_jjCaL8" rel="noopener noreferrer"&gt;Slides and Transcripts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Laura-A11y/GDG-Study-Group" rel="noopener noreferrer"&gt;GitHub repository&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>a11y</category>
      <category>design</category>
      <category>beginners</category>
      <category>ux</category>
    </item>
    <item>
      <title>Stop the Noise: Auto PLaying Audio Control and ARIA Live Region Testing</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Tue, 10 Mar 2026 07:48:26 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/stop-the-noise-auto-playing-audio-control-and-aria-live-region-testing-m8p</link>
      <guid>https://dev.to/laura-wissiak/stop-the-noise-auto-playing-audio-control-and-aria-live-region-testing-m8p</guid>
      <description>&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/qkk0taTnXfk"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;h2&gt;
  
  
  Tools to follow along:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.ssa.gov/accessibility/andi/help/install.html" rel="noopener noreferrer"&gt;ANDI&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://training.section508testing.net/pluginfile.php/818707/mod_scorm/content/6/scormcontent/includes/2D_Pass1.html" rel="noopener noreferrer"&gt;test page&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Study Group Session 2
&lt;/h2&gt;

&lt;p&gt;Last week, we looked at and listened to the symphony of dynamic webpage content. If Session 1 was the quiet theory of Section 508, Session 2 was the loud, blinking, scrolling reality of the web. We tackled the trio of auto-playing audio, moving/blinking content, and auto-updating information, along with a critical detour into flashing content and seizure safety.&lt;/p&gt;

&lt;p&gt;The overarching theme of the session was the Number 3: Whether it’s a button to pause an audio track, a link to stop a scrolling ticker, or a dialog to hide a live update, the Trusted Tester process demands that the mechanism to control these elements be found within the first three interactive elements a user encounters, or within three elements before or after the moving content. &lt;/p&gt;

&lt;p&gt;It’s a strict, pragmatic rule designed to ensure that users aren’t forced to hunt for a “stop” button while being bombarded by sensory input.&lt;/p&gt;

&lt;h2&gt;
  
  
  2.A Audio Control: The Three-Second Threshold
&lt;/h2&gt;

&lt;p&gt;We started with the basics of audio. If audio plays automatically for more than three seconds, a mechanism must exist to pause, stop, or control the volume independently of the system volume. We walked through several examples: a passing case where a “Stop Ad” button sat right at the top of the page, and a failing case where a “Silent” link was buried fifteen elements deep, forcing keyboard users to tab through a maze just to find relief. The lesson? If the mechanism exists but is hard to find, it fails. Accessibility isn’t just about having a feature; it’s about making it reachable.&lt;/p&gt;

&lt;h2&gt;
  
  
  2.B Blinking, Moving, and Scrolling
&lt;/h2&gt;

&lt;p&gt;Next, we looked at visual motion. Any content that moves, blinks, or scrolls for more than five seconds in parallel with other content requires a pause, stop, or hide mechanism. We debunked a few myths: a loading spinner that prevents interaction is often considered “essential” and thus exempt, but a scrolling news ticker is not. We also saw a clever example where a blinking “Submit” button could be stopped via a keyboard shortcut (Ctrl+S), proving that text instructions can count as a valid mechanism—if they actually work. Unfortunately, we also saw a failing example where the shortcut was documented but broken, reminding us that documentation doesn’t equal functionality.&lt;/p&gt;

&lt;h2&gt;
  
  
  2.C Auto-Updating Content &amp;amp; 2.D Change Notificaiton: Live Regions and Dialogs
&lt;/h2&gt;

&lt;p&gt;The session then shifted to content that changes on its own, like stock tickers or sports scores. Here, the rules are similar: users need a way to pause or hide the updates. But we also introduced 2.D Change Notification. If content updates automatically, how does a screen reader user know? We explored three valid methods: a keyboard-accessible dialog, moving focus to the new content, or using an aria-live region. Using the ANDI tool, we visualized how live regions highlight in purple, making it easier to spot if dynamic content is properly announced. We saw a passing example where a hockey score update was contained in a live region, and a failing one where a dialog box appeared but couldn’t be triggered by keyboard, rendering it useless for many.&lt;/p&gt;

&lt;h2&gt;
  
  
  3.A Flashing Content: The Seizure Safety Net
&lt;/h2&gt;

&lt;p&gt;Finally, we touched on the most critical safety issue: flashing content. While the Trusted Tester process marks flashing content as “not tested” (since it requires specialized tools like the Photosensitive Epilepsy Analysis Tool - PEAT), we strongly emphasized that this doesn’t mean it’s safe to ignore. Content that flashes more than three times per second can trigger seizures. We reviewed examples where a “stop animation” button existed but was too far down the page, and where blinking text was indistinguishable from flashing. The takeaway: even if the formal test says “not tested,” the ethical and safety obligation to prevent seizures remains.&lt;/p&gt;

&lt;h2&gt;
  
  
  Some Extra Notable Things
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Knockout Criteria
&lt;/h3&gt;

&lt;p&gt;A recurring point in the session was the knockout nature of these tests. If a mechanism fails any applicable test condition (like color contrast on a “Pause” button, or keyboard accessibility on a dialog), the entire feature fails. It’s a rigorous standard that leaves no room for partial credit.&lt;/p&gt;

&lt;h3&gt;
  
  
  Homework
&lt;/h3&gt;

&lt;p&gt;Your task this week is to complete the knowledge checks for auto-playing, auto-updating, and flashing content. If you haven’t installed ANDI or the TPGI Color Contrast Checker yet, now is the time! You will need them.&lt;/p&gt;

&lt;h3&gt;
  
  
  Next Session: Thursday 12 March
&lt;/h3&gt;

&lt;p&gt;Get ready for a deep dive into Keyboard Access and Focus. This is a massive topic, so we’ve moved the next session to Thursday, March 12th at 18:00 GMT+1 (note the day and time change!). We’ll be covering focus order, visible indicators, and keyboard traps. It’s going to be a long one, so bring your coffee, tea, or assorted snacks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resources
&lt;/h2&gt;

&lt;p&gt;As always, the slides, transcripts, and a condensed summary are available on the respective &lt;a href="https://gdg.community.dev/gdg-vienna/" rel="noopener noreferrer"&gt;GDG Vienna&lt;/a&gt; event pages as well. I also created a &lt;a href="https://github.com/Laura-A11y/GDG-Study-Group" rel="noopener noreferrer"&gt;GitHub repository&lt;/a&gt; for it.&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>testing</category>
      <category>tutorial</category>
      <category>learning</category>
    </item>
    <item>
      <title>DHS Trusted Tester Certification: What is Section 508? Functional Performance Criteria, Web Standards &amp; Testing Tools</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Mon, 02 Mar 2026 17:59:13 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/dhs-trusted-tester-certification-what-is-section-508-functional-performance-criteria-web-521d</link>
      <guid>https://dev.to/laura-wissiak/dhs-trusted-tester-certification-what-is-section-508-functional-performance-criteria-web-521d</guid>
      <description>&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/NzBo3sU0ki8"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;p&gt;Together with the &lt;a href="https://gdg.community.dev/gdg-vienna/" rel="noopener noreferrer"&gt;Google Developer Group Vienna&lt;/a&gt;, I am hosting a study group for the Trusted Tester certification. You can watch the previous session recordings on YouTube and access the presentation and transcript.&lt;/p&gt;

&lt;p&gt;The next session will be on &lt;a href="https://gdg.community.dev/events/details/google-gdg-vienna-presents-dhs-trusted-tester-study-group-2-auto-playing-and-auto-updating-content-flashing-1/" rel="noopener noreferrer"&gt;Friday March 6, 4 PM CET&lt;/a&gt;, on GDG Vienna. We will cover how to test auto-playing and auto-updating content, as well as flashing content.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Section 508?
&lt;/h2&gt;

&lt;p&gt;Section 508 is part of the Rehabilitation Act of 1973. that requires any ICT developed, procured, maintained, or used by the U.S. Federal government to be accessible to people with disabilities. It guarantees that federal employees and the public can use government‑provided software, websites, hardware, and documents.&lt;/p&gt;

&lt;p&gt;The DHS Trusted Tester program is a manual‑testing methodology created by the Department of Homeland Security.&lt;/p&gt;

&lt;p&gt;It follows the ICT Testing Baseline and produces repeatable, reliable conformance results, and gives you a concrete, audit‑ready way to prove that a product meets Section 508 – far more trustworthy than relying only on automated tools.&lt;/p&gt;

&lt;p&gt;The study group is free and 100% online. We meet every other Friday for ~6 months to go over the testing topics and examples from the Trusted Tester course. To recieve a certification, you must enroll in and complete the DHS Trusted Tester course.&lt;/p&gt;

&lt;p&gt;Session 1 covered:&lt;/p&gt;

&lt;h2&gt;
  
  
  Functional Performance Criteria
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Vision: No‑vision (screen reader), limited vision (magnification), no colour perception (color contrast)&lt;/li&gt;
&lt;li&gt;Hearing: No‑hearing (captions, transcripts), limited hearing (visual alerts)&lt;/li&gt;
&lt;li&gt;Speech: No‑speech&lt;/li&gt;
&lt;li&gt;Manipulation Limited: fine motor control (keyboard‑only navigation)&lt;/li&gt;
&lt;li&gt;Reach &amp;amp; Strength: Ability to press large targets, use assistive switches&lt;/li&gt;
&lt;li&gt;Language / Cognitive: Simple language, clear instructions, consistent navigation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These map directly to the POUR principles (Perceivable, Operable, Understandable, Robust) that you’ll see throughout the course.&lt;/p&gt;

&lt;h2&gt;
  
  
  Electronic content beyond the web
&lt;/h2&gt;

&lt;p&gt;One of the most eye‑opening moments for many participants was the realization that “electronic content” is a catch‑all term that includes PDFs, e‑books, emergency alerts, automated emails, survey forms, and even kiosk interfaces. The same accessibility principles that govern HTML also apply to these formats, albeit with different testing techniques.&lt;/p&gt;

&lt;p&gt;For PDFs, for instance, you still need proper tagging, logical reading order, and descriptive alt text for images.&lt;/p&gt;

&lt;p&gt;For e‑books, the focus shifts to structural markup that allows a screen reader to navigate chapters, tables of contents, and footnotes. The overarching message was clear: once you master the core concepts, you can transfer them to virtually any digital artifact.&lt;/p&gt;

&lt;h2&gt;
  
  
  Your Homework, should you choose to accept it
&lt;/h2&gt;

&lt;p&gt;If you plan on taking the certification at the end of the study group, here is your homework until the next session: Complete the first 3 modules we covered in the DHS CX Directive.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;What is Section 508? – theory &amp;amp; history&lt;/li&gt;
&lt;li&gt;Standards for Web – POUR, WCAG, Functional Performance Criteria&lt;/li&gt;
&lt;li&gt;Testing Tools – ANDI, autoplay settings, and contrast checker&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Explore the ANDI bookmarklet on a few of your own sites, and familiarize yourself with the contrast‑checker.&lt;br&gt;
Also: Check how to enable your browser’s autoplay ahead of the next session because the topic will be “auto‑playing &amp;amp; Auto‑updating content”.&lt;/p&gt;

&lt;p&gt;Should you encounter any broken links in the official course, let me know. I’ve saved copies of the older resources.&lt;/p&gt;

&lt;h2&gt;
  
  
  Materials
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://youtu.be/NzBo3sU0ki8?si=iMGiEJuSGJiMSTs0" rel="noopener noreferrer"&gt;Recordings&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://drive.google.com/drive/folders/1CGFlwLSGL_tt1RNw12vuuOZEB_jjCaL8?usp=drive_link" rel="noopener noreferrer"&gt;Slides &amp;amp; Transcripts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://gdg.community.dev/gdg-vienna/" rel="noopener noreferrer"&gt;GDG Vienna&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.accessibilityfirst.at/webinar-series" rel="noopener noreferrer"&gt;Previous Accessibility Webinar Series&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>a11y</category>
      <category>beginners</category>
      <category>testing</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>The Hidden Costs of Accessibility Audits: A Project Manager’s Guide</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Thu, 11 Dec 2025 12:39:00 +0000</pubDate>
      <link>https://dev.to/a11ynews/the-hidden-costs-of-accessibility-audits-a-project-managers-guide-1855</link>
      <guid>https://dev.to/a11ynews/the-hidden-costs-of-accessibility-audits-a-project-managers-guide-1855</guid>
      <description>&lt;h4&gt;
  
  
  Pair accessibility audits with your standard QA process. It reduces the chance of late‑phase surprises that derail both your budget and your timeline.
&lt;/h4&gt;

&lt;h3&gt;
  
  
  Why Accessibility Audits Matter for Project Managers
&lt;/h3&gt;

&lt;p&gt;As a project manager, you already juggle deadlines, budgets, and stakeholder expectations. Accessibility might feel like a “nice‑to‑have,” but neglecting it early on creates hidden costs that can triple in later project phases.&lt;/p&gt;

&lt;p&gt;Boehm’s curve — which shows us that fixing problems later costs exponentially more — is a useful starting point. But there’s also what I call the &lt;strong&gt;Unknown Factor&lt;/strong&gt; : Nobody does it wrong on purpose. Teams miss issues because they don’t know they exist, or they underestimate their impact. That’s why accessibility needs to be scoped and measured deliberately, not as an afterthought.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1: Define What You’re Auditing
&lt;/h3&gt;

&lt;p&gt;Accessibility is measured against &lt;strong&gt;WCAG (Web Content Accessibility Guidelines)&lt;/strong&gt;. Most legal requirements still cite &lt;strong&gt;WCAG 2.1&lt;/strong&gt; , but you’ll want to check against &lt;strong&gt;WCAG 2.2&lt;/strong&gt; to future‑proof your project.&lt;/p&gt;

&lt;p&gt;Practical approach for PMs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Keep the WCAG 2.2 open in one tab.&lt;/li&gt;
&lt;li&gt;Create a document where you list which criteria apply, which might apply, and which don’t (with a short note why).&lt;/li&gt;
&lt;li&gt;This gives you a scope baseline and a good defense if questioned later.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 2: Distinguish Between Objective and Subjective Criteria
&lt;/h3&gt;

&lt;p&gt;Some criteria are easy to measure:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Alt text&lt;/strong&gt; : Does every image have an alt-attribute? (SC 1.1.1)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Captions&lt;/strong&gt; : Are they present for video? (SC 1.2.2)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contrast&lt;/strong&gt; : Does text meet the ratio? (Use tools like WebAIM Contrast Checker.)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Others require judgment calls:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Plain language&lt;/strong&gt; : WCAG suggests content should be understandable. The EU’s Accessibility Act even requires &lt;strong&gt;B1‑level language&lt;/strong&gt; for banking services. But jargon often makes this subjective.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;As a PM, plan extra time for criteria that require &lt;strong&gt;human review&lt;/strong&gt; , not just automated testing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Anticipate Common Failures
&lt;/h3&gt;

&lt;p&gt;According to the &lt;strong&gt;WebAIM Million report&lt;/strong&gt; (analysis of 1M websites), the most frequent failures are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Low contrast text (79.1%)&lt;/li&gt;
&lt;li&gt;Missing alt text (55.5%)&lt;/li&gt;
&lt;li&gt;Missing form input labels (48.2%)&lt;/li&gt;
&lt;li&gt;Empty links (45.4%)&lt;/li&gt;
&lt;li&gt;Empty buttons (29.6%)&lt;/li&gt;
&lt;li&gt;Missing document language (15.8%)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Contrast is tricky because tools can’t always test backgrounds like gradients or images. But the others? They’re &lt;strong&gt;pure tech debt&lt;/strong&gt; : Things that should have been done right the first time.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Address the Tech Debt
&lt;/h3&gt;

&lt;p&gt;For PMs, here’s the takeaway:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Missing labels, empty links/buttons, and no document language&lt;/strong&gt; aren’t “nice extras.” They’re baseline functionality that slipped through.&lt;/li&gt;
&lt;li&gt;Fixing them later eats into timelines and budgets.&lt;/li&gt;
&lt;li&gt;Make them part of the &lt;strong&gt;Definition of Done&lt;/strong&gt; to avoid rework.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 5: Plan for Content Effort Too
&lt;/h3&gt;

&lt;p&gt;Accessibility isn’t just development. Writing good &lt;strong&gt;alt text&lt;/strong&gt; is nuanced. You need to decide:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Is the image decorative or informative?&lt;/li&gt;
&lt;li&gt;What’s the context?&lt;/li&gt;
&lt;li&gt;What description actually helps the user?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Use resources like the &lt;strong&gt;Alt Text Decision Tree&lt;/strong&gt; or Nielsen Norman Group’s guidelines. As a PM, budget for content work — not just code fixes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Summary: Don’t Freak Out, But Don’t Delay
&lt;/h3&gt;

&lt;p&gt;Accessibility audits may feel overwhelming, but with the right process, they’re manageable. For project managers, the key is:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Scope early&lt;/strong&gt; : Define which WCAG criteria apply.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Budget realistically&lt;/strong&gt; : Factor in subjective criteria that need human review.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Prevent tech debt&lt;/strong&gt; : Make accessibility part of your Definition of Done.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expect ROI&lt;/strong&gt; : Addressing accessibility early saves money, prevents fines, and improves user experience.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Accessibility isn’t just compliance. It’s risk management, cost control, and user satisfaction — all things good project managers are measured by.&lt;/p&gt;

&lt;p&gt;If you’d like to stay ahead on accessibility without getting lost in technical jargon, check out &lt;a href="https://a11ynews.substack.com/" rel="noopener noreferrer"&gt;&lt;strong&gt;A11y News&lt;/strong&gt;&lt;/a&gt; — my newsletter breaking down complex accessibility and WCAG updates into actionable insights.&lt;/p&gt;

&lt;h3&gt;
  
  
  Tools &amp;amp; Resources for Accessibility Audits
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Pro Tip:&lt;/strong&gt; Pair accessibility audits with your standard QA process. It reduces the chance of late‑phase surprises that derail both your budget and your timeline. Here are some trusted tools and references that can guide your accessibility audits. From automated checkers to practical writing guides, these resources will help you move from theory to actionable improvements.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.w3.org/TR/WCAG22/" rel="noopener noreferrer"&gt;&lt;strong&gt;WCAG 2.2 Guidelines&lt;/strong&gt;&lt;/a&gt;
The official benchmark for accessibility compliance, with detailed success criteria.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wcag-em-report-tool-2021-redesign.netlify.app/evaluation/report-findings" rel="noopener noreferrer"&gt;&lt;strong&gt;WCAG‑EM Report Tool&lt;/strong&gt;&lt;/a&gt;
Helps you document which WCAG criteria apply to your product and track compliance.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://webaim.org/resources/contrastchecker/" rel="noopener noreferrer"&gt;&lt;strong&gt;WebAIM Contrast Checker&lt;/strong&gt;&lt;/a&gt;
A straightforward tool to test color contrast for accessibility compliance.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://webaim.org/projects/million/" rel="noopener noreferrer"&gt;&lt;strong&gt;WebAIM Million Report&lt;/strong&gt;&lt;/a&gt;
Annual study analyzing accessibility barriers across the top 1,000,000 homepages.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wave.webaim.org/" rel="noopener noreferrer"&gt;&lt;strong&gt;WAVE Accessibility Evaluation Tool&lt;/strong&gt;&lt;/a&gt;
Automated checker that detects many common WCAG compliance failures.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" rel="noopener noreferrer"&gt;&lt;strong&gt;W3C Alt Text Decision Tree&lt;/strong&gt;&lt;/a&gt;
A practical guide for deciding when and how to write image descriptions.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.nngroup.com/articles/write-alt-text/" rel="noopener noreferrer"&gt;&lt;strong&gt;Nielsen Norman Group on Writing Effective Alt Text&lt;/strong&gt;&lt;/a&gt;
Best practices for writing descriptive, useful alternative text.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>a11y</category>
      <category>productivity</category>
      <category>beginners</category>
    </item>
    <item>
      <title>DevFest Vienna 2025: How Blind People Navigate the World, On and Offline</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Wed, 03 Dec 2025 07:40:23 +0000</pubDate>
      <link>https://dev.to/a11ynews/how-blind-people-navigate-the-world-on-and-offline-530j</link>
      <guid>https://dev.to/a11ynews/how-blind-people-navigate-the-world-on-and-offline-530j</guid>
      <description>&lt;p&gt;Watch this on YouTube: &lt;a href="https://youtu.be/HjdjBTVbwXQ" rel="noopener noreferrer"&gt;DevFest Vienna 2025&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/HjdjBTVbwXQ"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;h3&gt;
  
  
  Online Navigation
&lt;/h3&gt;

&lt;p&gt;Online navigation works quite similarly to offline navigation, only the tools differ greatly. For online navigation, we mainly have zoom, screen magnifiers, and screen readers (or SR for short). Zoom and screen magnifiers are pretty easy to wrap your head around, either because you tested it on purpose or accidentally hit Ctrl while trying to scroll and got a jump scare by gigantic UI elements: They make things big. Checks out.&lt;/p&gt;

&lt;p&gt;But screen readers are more intimidating at first. You boot them up and suddenly everything starts talking! Most of us are not particularly fond of their device issuing unexpected noises because it’s usually a bad thing.&lt;/p&gt;

&lt;p&gt;While text-to-speech (or TTS for short) is the intended functionality of text-to-speech screen readers (shocking, I know), it is overwhelming at first. Monotone, technical-sounding voices are simply not a joy to listen to, especially when you have to concentrate on understanding what exactly these voices are describing to you. On another note: Braille displays peacefully coexist with TTS screen readers and are a staple for web access!&lt;/p&gt;

&lt;p&gt;It’s time to talk about the oh-so-dreaded screen reader testing!&lt;/p&gt;

&lt;h3&gt;
  
  
  Screen Reader Output
&lt;/h3&gt;

&lt;p&gt;So screen readers read what’s on the screen? Wrong! They read what you wrote into your code! While a software tester who uses a mouse and screen might not notice that your menu exit button is actually a styled div, the SR will. And it will not work as well.&lt;/p&gt;

&lt;p&gt;This is where the accessibility tree comes into play. The accessibility tree is how SR and other assistive tech users navigate through a website, climbing along heading levels and structures to find the desired information. The accessibility tree is sprouted by the browser based on the DOM (shorthand for Document Object Model) tree and accessed by platform-specific Accessibility APIs.&lt;/p&gt;

&lt;p&gt;The DOM tree contains objects representing all the markup’s elements, attributes, and text nodes. This is precisely why following the h1, h2, h3 … heading structure is important. When you skip heading levels, you cut off the branches that assistive tech needs for a sound climbing route.&lt;/p&gt;

&lt;p&gt;But not all screen readers are the same. Let’s briefly go over the differences in screen reader output: Below are 2 popular screen readers reading the same thing in the same browser and both outputting something different:&lt;/p&gt;

&lt;h4&gt;
  
  
  NVDA vs JAWS
&lt;/h4&gt;

&lt;p&gt;The following table is from our workshop at We Are Developers 2024. The code for it is available under &lt;a href="https://codepen.io/YuriDevAT/pen/NWVVKxJ" rel="noopener noreferrer"&gt;SR Table Navigation&lt;/a&gt; on Julia’s profile: &lt;a href="https://codepen.io/YuriDevAT/pens/public" rel="noopener noreferrer"&gt;CodePen.io/YuriDevAT&lt;/a&gt;. You can &lt;a href="https://www.nvaccess.org/download/" rel="noopener noreferrer"&gt;download NVDA screen reader&lt;/a&gt; and follow along.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmypgosiye4zptjxfnw3e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmypgosiye4zptjxfnw3e.png" alt="table with person, pokemon and type"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  Testing setup
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;NVDA 2024.1.0.31547 in Chrome v126.0.6478.127 on Windows 11 Enterprise&lt;/li&gt;
&lt;li&gt;JAWS 2022.2204.20.400 in Chrome v126.0.6478.127 on Windows 11 Enterprise&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  NVDA will say:
&lt;/h4&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;“Choose your Starter Pokémon&lt;/em&gt;&lt;/strong&gt;  &lt;strong&gt;&lt;em&gt;Table with 4 rows and 3 columns&lt;/em&gt;&lt;/strong&gt;  &lt;strong&gt;&lt;em&gt;Choose your Starter Pokémon caption”&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  and JAWS will say:
&lt;/h4&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;“Table with 4 rows and 3 columns.&lt;/em&gt;&lt;/strong&gt;  &lt;strong&gt;&lt;em&gt;Choose your Starter Pokémon. Colum 1, row 1, person.”&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Same table, same code, same browser, yet 2 different outputs. That doesn’t mean that one is better than the other; they both get the job done. But be aware that there are some nuances between them.&lt;/p&gt;

&lt;h3&gt;
  
  
  Then what Screen Reader Setup is best for Testing?
&lt;/h3&gt;

&lt;p&gt;Classic UX answer: it depends. Firstly, on your target demographic, but more tangibly, on the operating systems you are developing for. Every year, WebAIM releases a survey for screen reader users where they ask which SR-browser combination they use.&lt;/p&gt;

&lt;p&gt;The latest survey was conducted between December 2023 and January 2024. Go check the &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;Screen Reader User Survey #10 Results&lt;/a&gt;! While you’re at it, check out the &lt;a href="https://webaim.org/projects/million/" rel="noopener noreferrer"&gt;WebAIM Million report&lt;/a&gt; as well. The Million report audited 1 million websites to give us a benchmark of progress in web accessibility over the years and the most common WCAG failures. (It’s still low contrast btw.)&lt;/p&gt;

&lt;h4&gt;
  
  
  Screen Reader Testing Summary:
&lt;/h4&gt;

&lt;p&gt;JAWS and NVDA came out on top with 40.5% and 37.7% respectively. The 3rd place on the podium took VoiceOver with 9.7%. As for browsers, the big 3 are Google Chrome, Microsoft Edge, and Mozilla Firefox.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh70wmy228oanozi466jf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh70wmy228oanozi466jf.png" alt="pie chart of screen readers"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;results for primary desktop or laptop screen reader use from &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;https://webaim.org/projects/screenreadersurvey10/&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa3etaqrsyvi3z4ndkym1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa3etaqrsyvi3z4ndkym1.png" alt="pie chart of browsers"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;results for browser usage with primary screen reader from &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;https://webaim.org/projects/screenreadersurvey10/&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Offline Navigation
&lt;/h3&gt;

&lt;h3&gt;
  
  
  The white cane
&lt;/h3&gt;

&lt;p&gt;She’s an icon, she’s a legend, and she is not only at the moment but a consistently reliable tool for obstacle detection. Reliable because it detects obstacles, floor texture, drop-off points, or stairs going in both directions: up and down. Many startups in the assistive tech space try to replace the white cane, but to be honest, it only took me 2 weeks at Hope Tech Plus to uncover the groundbreaking insight that nobody who uses a white cane actually wants that — surprise, surprise!&lt;/p&gt;

&lt;p&gt;But that’s not to say that our global icon for low vision is the solution for everyone. Carrying something around all day puts some strain on your wrists, and bumping into an obstacle can quickly be painful if you have joint problems. For different reasons, people might prefer other techniques, for example, guide dogs.&lt;/p&gt;

&lt;h3&gt;
  
  
  Guide Dogs
&lt;/h3&gt;

&lt;p&gt;The best of good boys and girls, also known as the four-pawed part of a guide pair. Training takes around 18 months to 2 years in a “puppy boarding school” and includes socialization, basic obedience, and specific keyword training for everyday actions. Labradors, Golden Retrievers, and German Shepherds are the most popular breeds because of their temperament, size, and trainability.&lt;/p&gt;

&lt;p&gt;Not every puppy gets to graduate! The most important criterion is the dog’s ability to focus only on their handler and ignore environmental stimuli, such as food on the floor, other people or dogs trying to get its attention, or loud noises. At the same time, they have to stay vigilant about potential threats or obstacles on the way, which requires a lot of concentration. It’s hard work!&lt;/p&gt;

&lt;p&gt;According to the International Guide Dog Federation, only around 23.000 dogs are on active duty. Most dogs work up to the age of 10, but this varies depending on the guide pair. The 10th birthday isn’t necessarily the definitive retirement day, but around that time, handlers will start to notice a decline in concentration or less excitement to work from their dog.&lt;/p&gt;

&lt;h3&gt;
  
  
  Braille
&lt;/h3&gt;

&lt;p&gt;Braille is a code made up of raised dots that can be read with your fingertips. It was invented by Louis Braille (another icon, absolute king behavior) in the early 19th century. It has been in use all around the globe since then, but that doesn’t mean that it’s the same language everywhere. After all, Braille is not a language; it’s a script code. Think of how the Vietnamese language uses the Latin script, yet that doesn’t mean that people who speak Latin-based languages can read Vietnamese.&lt;/p&gt;

&lt;p&gt;It is an important tool for literacy. While Text-to-Speech screen readers are awesome, relying exclusively on audio output can lead to limited literacy and a decrease in vocabulary over time. It’s the same concept as why everyone wants their children to read more books: reading benefits one’s literacy. So good on you for reading this! Great job!&lt;/p&gt;

&lt;p&gt;For more, check out &lt;a href="https://www.braille.ch/#Englisch" rel="noopener noreferrer"&gt;Braille.ch&lt;/a&gt;: it’s a fascinating tactile rabbit hole to go down!&lt;/p&gt;

&lt;h3&gt;
  
  
  Refreshable Braille Displays
&lt;/h3&gt;

&lt;p&gt;In the Tech world, there are refreshable Braille displays or Braille screen readers. They do exactly the same thing as Text-to-Speech screen readers, but with text output. How many letters they display at once depends on the size.&lt;/p&gt;

&lt;p&gt;In April 2024, I hosted a workshop together with Tetragon, who are developing &lt;a href="https://tetragon.at/products" rel="noopener noreferrer"&gt;affordable braille products&lt;/a&gt;: everything from display to keyboard to printer! The prototype we workshopped with participants — for example, the EcoBraille — requires only one actuator for an entire line of dots, regardless of the length of that line. If it’s a 20-character line: 1 actuator. If it has 80 characters, still only 1 actuator. This means that the display can be disassembled and extended with additional 20-character lines!&lt;/p&gt;

&lt;h3&gt;
  
  
  And how do Braille displays work?
&lt;/h3&gt;

&lt;p&gt;Speaking of actuators: Refreshable braille displays function by pushing individual pins up into the right position to form a braille letter. Each braille character cell holds 6 pins in a 2 by 3 arrangement. At the bottom of each pin is an actuator that gives the pin the command to jump up or stay put.&lt;/p&gt;

&lt;h3&gt;
  
  
  How does the device translate to Braille?
&lt;/h3&gt;

&lt;p&gt;Braille Keyboards and displays have braille tables integrated. In addition to 6-dot braille, there’s also &lt;a href="https://www.brailleauthority.org/eight-dot-braille" rel="noopener noreferrer"&gt;8-dot braille&lt;/a&gt;. Looks exactly how it sounds, like 8 pins instead of 6 in a 2 by 4 configuration. The additional 2 pins allow for special characters beyond the standard Latin alphabet. Braille is pretty neat, right?&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>design</category>
      <category>ux</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Self‑Taught, Not Self‑Neglected: Blue Beanie Day Tips for Indie Developers</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Sun, 30 Nov 2025 10:32:53 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/self-taught-not-self-neglected-blue-beanie-day-tips-for-indie-developers-3cb1</link>
      <guid>https://dev.to/laura-wissiak/self-taught-not-self-neglected-blue-beanie-day-tips-for-indie-developers-3cb1</guid>
      <description>&lt;p&gt;Sunday, November 30th 2025, marks the 18th annual Blue Beanie Day. Okaaaaay, why is this relevant for inclusion? &lt;/p&gt;

&lt;p&gt;Blue Beanie Day reminds us to pay attention to web standards in order to create sites that load faster, reach more users, and cost less to maintain. Accessibility is part of these standards. &lt;/p&gt;

&lt;p&gt;The web was designed with accessibility in mind. &lt;/p&gt;

&lt;p&gt;Exactly 10 years ago, &lt;a href="https://bluebeanieday.tumblr.com/post/134211730382/ninth-annual-blue-beanie-day" rel="noopener noreferrer"&gt;Tumblr user BlueBeanieDay&lt;/a&gt; posted:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;It’s a thrilling time to create web content and experiences, as more new coders join our ranks, using more new tools and frameworks to create more new kinds of content, experience, and interactivity. But in this environment that moves faster than reason, it’s too easy for our community—and the breathless media that reports on it—to lose sight of vital basics.&lt;br&gt;
&lt;strong&gt;Progressive enhancement and accessible, semantic markup aren’t optional extras.&lt;/strong&gt; They’re the foundation of a web that works for all people, of whatever ability, on whatever devices they choose to access it.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;All of the above still stands true today. Web design and development have become popular career paths, with many emerging self-taught talents. Being self-taught myself, I know the pros and cons. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Pro:&lt;/strong&gt; With no degree or anything to show, you really have to prove your skills through your skills. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Con:&lt;/strong&gt; You only learn what you choose to learn. Many things can slip in between the grooves of your keyboard like crumbs, so close yet always eluding your fingertips. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You don’t learn what you don’t know, and with a severe lack of web accessibility curriculum standardisation, accessibility is unfortunately most often part of this category. &lt;/p&gt;

&lt;p&gt;Even formal education isn’t a guarantee that you will know the basics of accessibility. Luckily, an increasing number of teachers and boot camps make a conscious effort to include web accessibility in their curriculum, but that remains an individual effort.&lt;/p&gt;

&lt;p&gt;So let’s take Blue Beanie Day as an occasion to master the basics.  I know, I know, plain HTML5 is not as sexy as the latest release cutting-edge tech stack (unless your name is &lt;a href="https://www.matuzo.at/" rel="noopener noreferrer"&gt;Manuel&lt;/a&gt;). But it’s important to understand (and honor) the blueprints today’s web is built on:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;The World Wide Web Consortium (W3C), along with other groups and standards bodies, has established technologies for creating and interpreting web-based content. These technologies, which we call “web standards,” are carefully designed to deliver the greatest benefits to the greatest number of web users while ensuring the long-term viability of any document published on the Web. &lt;br&gt;
Designing and building with these standards simplifies and lowers the cost of production, while delivering sites that are accessible to more people and more types of Internet devices. Sites developed along these lines will continue to function correctly as traditional desktop browsers evolve, and as new Internet devices come to market.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.webstandards.org/about/mission/" rel="noopener noreferrer"&gt;WaSP - The Web Standards Project&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Web Standards are what keep the web usable, independent of browser and device. Not only now but for the next decades to come.&lt;/p&gt;

&lt;p&gt;*&lt;em&gt;Digital accessibility is an integral part of web standards. *&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The web was built on the idea that anyone, on any device, should be able to read, navigate, and contribute.&lt;/p&gt;

&lt;p&gt;One of the biggest players in Web Standards today is the &lt;a href="https://www.w3.org/standards/" rel="noopener noreferrer"&gt;World Wide Web Consortium (W3C)&lt;/a&gt;. That abbreviation rings a bell, right? Maybe because they have published the Web Content Accessibility Guidelines (WCAG) since 1999. Now we are feverishly anticipating version 3.0, growing from the original 14 guidelines to 85 success criteria grouped into 13 guidelines. &lt;/p&gt;

&lt;h3&gt;
  
  
  Take the blue beanie as a reminder to start small, but think big.
&lt;/h3&gt;

&lt;p&gt;Today, spend a few minutes checking one of your own pages with an accessibility tester (&lt;a href="https://wave.webaim.org/" rel="noopener noreferrer"&gt;WAVE&lt;/a&gt;, &lt;a href="https://chromewebstore.google.com/detail/lhdoppojpmngadmnindnejefpokejbdd?utm_source=item-share-cb" rel="noopener noreferrer"&gt;axe dev tools&lt;/a&gt;, or &lt;a href="https://developer.chrome.com/docs/lighthouse/" rel="noopener noreferrer"&gt;Google Lighthouse&lt;/a&gt;). Fix the most obvious issues: missing image descriptions, hierarchical heading order, and sufficient colour contrast. Then share what you learned on social media with the hashtag #BlueBeanieDay. By turning a single day into a habit, we keep web standards alive for the next generation of developers and designers.&lt;/p&gt;

&lt;h2&gt;
  
  
  Blue Beanie Day Resources
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/developers/" rel="noopener noreferrer"&gt;Resources for Developers&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.webstandards.org/about/mission/" rel="noopener noreferrer"&gt;WaSP Web Standards Project&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/standards/" rel="noopener noreferrer"&gt;Web Standards by W3C&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/WAI/fundamentals/" rel="noopener noreferrer"&gt;Accessibility Fundamentals by W3C&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://en.wikipedia.org/wiki/Designing_with_Web_Standards" rel="noopener noreferrer"&gt;Designing with Web Standards&lt;/a&gt;, the book that started it all.&lt;/li&gt;
&lt;li&gt;The original Jeffrey Zeldman also has a handy dandy post on &lt;a href="https://zeldman.com/2024/11/30/how-to-join-blue-beanie-day-wear-and-share/" rel="noopener noreferrer"&gt;How to join Blue Beanie Day&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Blue Beanie Day on Tumblr: &lt;a href="https://bluebeanieday.tumblr.com/" rel="noopener noreferrer"&gt;#a11y is code for “Love Your Neighbor”&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>a11y</category>
      <category>performance</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Making a Hackerspace Accessible – Lessons from the “Do It Blind” Meetup</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Mon, 10 Nov 2025 14:23:13 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/making-a-hackerspace-accessible-lessons-from-the-do-it-blind-meetup-117</link>
      <guid>https://dev.to/laura-wissiak/making-a-hackerspace-accessible-lessons-from-the-do-it-blind-meetup-117</guid>
      <description>&lt;p&gt;Recently, I visited my local hackerspace for the “Do it Blind” meetup. Do it Blind is the in-house effort to make the hackerspace itself accessible for people with visual impairments.&lt;/p&gt;

&lt;p&gt;My friend, who had invited me, was trying out how far he could get in the 3D printing process without any sighted assistance, only using his screen reader. While my holographic Eevee coin was printing, I followed along (minus the screen reader, plus the visuals) while he installed OctoPrint on Windows (which seems worth mentioning because the Linux users in the hackerspace believed it impossible).&lt;/p&gt;

&lt;p&gt;I want to say “it worked”, but it would be more accurate to say “he made it work”.&lt;/p&gt;

&lt;p&gt;There was a sign-up form with no form labels and a link instead of a button. Sure, with context clues, it’s kinda obvious what 3 consecutive text input fields would want you to enter: A username, a password, and password confirmation.&lt;/p&gt;

&lt;p&gt;But the ultimate knock-out: a modal window with 2 options to close it, but neither was present on keyboard navigation. There was no way to get past it without using the mouse.&lt;/p&gt;

&lt;p&gt;Regardless of the 2.1.1 keyboard navigation failure, this setup flow was far from accessible. The whole point of this experiment was to find out if the 3D printing process can be done with only a screen reader and a lot of dedication. But not all assistive tech users are power users like that.&lt;/p&gt;

&lt;h2&gt;
  
  
  Web accessibility best practices focus on assistive tech power users.
&lt;/h2&gt;

&lt;p&gt;Maybe the aforementioned Linux users in attendance were already a clue, but generally speaking, the digital literacy (and 3D printing knowledge) inside a hackerspace is significantly higher than what you find in the average population.&lt;/p&gt;

&lt;p&gt;Unlabelled forms and overlay-window softlocks are not uncommon issues - still, in the year of 2025 - and not only screen reader users but assistive tech users all over the world are left with no other option than to make it work. Somehow.&lt;/p&gt;

&lt;h2&gt;
  
  
  Dark Souls Level User Experience
&lt;/h2&gt;

&lt;p&gt;Again: circling back to Dark Souls. If you don’t know it, all you really need to know about it is that this game is notoriously hard to beat. Which is why I like to call user flows that are “accessible/compliant in theory” Dark Souls UX.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://a11ynews.substack.com/p/a11y-news-using-assistive-tech-is" rel="noopener noreferrer"&gt;I have compared using assistive tech to Dark Souls before&lt;/a&gt;, and I will say it again: Just because it is possible to do something with assistive tech does not mean that most users will have the nerve to complete it. Yet most accessibility evaluations only look at what’s possible for users with substantial digital skills. Just because your accessibility auditor, another power user who knows the differences between NVDA and JAWS in their sleep, can navigate the page just fine, does not mean all other screen reader users will.&lt;/p&gt;

&lt;p&gt;Yes, you can get through it. You can make it work.&lt;/p&gt;

&lt;p&gt;But at what cost?&lt;/p&gt;

&lt;h2&gt;
  
  
  Good Experience or Just… Experience?
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;"For the love of users, stop calling it a good experience if not everyone gets to have it." - &lt;a href="https://a11ynews.substack.com/p/no-accessibility-no-ux-by-julia-undeutsch" rel="noopener noreferrer"&gt;Julia Undeutsch &lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Assistive tech users just don’t receive the same amount of love when it comes to user flow design.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;But why aren’t hoverstates designed to delight keyboard navigation users?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Why isn’t microcopy written to seamlessly guide screen reader users through the flow?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Why don’t brand guidelines include instructions on how to write descriptive alt text in line with the tone of voice?&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Accessibility is mostly regarded through the technical lens, not the human one. This makes it all too easy to forget that behind all those standards, regulations, and requirements is nothing but a person trying to make it work with their setup.&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>3dprinting</category>
      <category>webdev</category>
      <category>ux</category>
    </item>
    <item>
      <title>No A11y No UX</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Wed, 08 Oct 2025 07:58:42 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/no-a11y-no-ux-5e5a</link>
      <guid>https://dev.to/laura-wissiak/no-a11y-no-ux-5e5a</guid>
      <description>&lt;p&gt;This one is inspired by &lt;a href="https://dev.to/yuridevat"&gt;Julia&lt;/a&gt;'s &lt;a href="https://a11ynews.substack.com/p/no-accessibility-no-ux-by-julia-undeutsch" rel="noopener noreferrer"&gt;"No Accessibility No UX"&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The first thing I learned about usability issue prioritization was that if it prevents the user from using the product in the intended functionality, it needs to be addressed asap.  &lt;/p&gt;

&lt;p&gt;I started specializing in accessibility before the topic blew up with the European Accessibility Act deadline announcement, so my motivation originated more from a point of “I’ve worked several customer service jobs before, and have seen the disappointment on customers’ faces when they physically couldn’t partake". Changing the physical accessibility of a 17th century building is hard, but code can be changed anytime.&lt;/p&gt;

&lt;p&gt;Now picture my surprised Pikachu face when I started my first UX internship, completed my onboarding UX review assignment, and was told, “Yeah, we will fix that later.” The ticket stayed in the backlog until I left the company.&lt;/p&gt;

&lt;h2&gt;
  
  
  How can we talk about good usability if users can’t even access it?
&lt;/h2&gt;

&lt;p&gt;I am consciously choosing not to write “some users” here because this would minimize the issue: “some users”, “part of your target demographic”, “16% of the global population”, “1 in 6 people”, “1 in 4 Europeans/Americans”. &lt;/p&gt;

&lt;p&gt;Doesn’t matter how big the number grows, it still sounds like a seperate minority compared to what we consider “the user base”. &lt;/p&gt;

&lt;p&gt;Nothing describes 100% of your user base. &lt;/p&gt;

&lt;p&gt;Julia writes: &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;And here’s the uncomfortable truth: a shocking amount of UX design today still caters to the designer themself — not to users. The only user in the room is the one holding the Figma file.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And she’s right: We all hold subconscious biases that skew our perception towards what’s familiar to us. We can do our best to grow aware of them, actively seek out different viewpoints, but we can’t change how we were socialized. &lt;/p&gt;

&lt;p&gt;This is why diverse teams are highly effective. They expose the product they design to a diverse range of perspectives. Empathy is a highly valued skill for UX professionals, but when it comes to discriminatory experiences, no amount of empathizing can replace lived experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  User Experience like Fine Dining
&lt;/h2&gt;

&lt;p&gt;Think of it as setting the table at a fancy restaurant when you don’t know what the guests will order. You set up everything, preparing for all options.&lt;/p&gt;

&lt;p&gt;Maybe you are keeping up with Tech YouTube news, then you may have heard about the sudden decline in view numbers, specifically on the geekiest content. Views suddenly dropped to 50% while video performance, likes and income stayed exactly the same. The reason: Adblockers stopped reporting views towards videos, meaning that half of the devices accessing the content were using adblockers. &lt;/p&gt;

&lt;p&gt;You never know which setup a user is using. You may know their operating system, but are they using zoom to scale the UI up? Do they have an external screen magnifier plugged in? Are they using VoiceOver on their Mac or Dolphin SuperNova? (Sike! &lt;a href="https://yourdolphin.com/product/system-requirements?pid=3" rel="noopener noreferrer"&gt;Dolfin is only supported in Windows&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;To stick with our restaurant metaphor, inclusion is more like being a good host. Creating a welcoming and respectful environment, an ambiance that invites your guests to come in, enjoy the time and “Please, do come again!”&lt;/p&gt;

&lt;h3&gt;
  
  
  Leaving You with Closing Words from Julia:
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;Let’s get one thing straight: there is no such thing as user experience if not all users can experience it. The moment you exclude one person, your “user experience” becomes a partial experience — and partial UX isn’t UX.&lt;/p&gt;

&lt;p&gt;Get your sh*t together. Design for everyone — not just the mirror version of yourself. And for the love of users, stop calling it a good experience if not everyone gets to have it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The future of UX is inclusive by default.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>a11y</category>
      <category>ux</category>
      <category>beginners</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>How Blind People Navigate the World, On and Offline, with Screen Readers and White Canes</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Thu, 25 Sep 2025 15:28:13 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/how-blind-people-navigate-the-world-on-and-offline-1h76</link>
      <guid>https://dev.to/laura-wissiak/how-blind-people-navigate-the-world-on-and-offline-1h76</guid>
      <description>&lt;h2&gt;
  
  
  Online Navigation
&lt;/h2&gt;

&lt;p&gt;Online navigation works quite similarly to offline navigation, only the tools differ greatly. For online navigation, we mainly have zoom, screen magnifiers, and screen readers (or SR for short). Zoom and screen magnifiers are pretty easy to wrap your head around, either because you tested it on purpose or accidentally hit Ctrl while trying to scroll and got a jump scare by gigantic UI elements: They make things big. Checks out.&lt;/p&gt;

&lt;p&gt;But screen readers are more intimidating at first. You boot them up and suddenly everything starts talking! Most of us are not particularly fond of their device issuing unexpected noises because it’s usually a bad thing.&lt;/p&gt;

&lt;p&gt;While text-to-speech (or TTS for short) is the intended functionality of text-to-speech screen readers (shocking, I know), it is overwhelming at first. Monotone, technical-sounding voices are simply not a joy to listen to, especially when you have to concentrate on understanding what exactly these voices are describing to you. On another note: Braille displays peacefully coexist with TTS screen readers and are a staple for web access!&lt;/p&gt;

&lt;p&gt;It’s time to talk about the oh-so-dreaded screen reader testing!&lt;/p&gt;

&lt;h3&gt;
  
  
  Screen Reader Output
&lt;/h3&gt;

&lt;p&gt;So screen readers read what’s on the screen? Wrong! They read what you wrote into your code! While a software tester who uses a mouse and screen might not notice that your menu exit button is actually a styled div, the SR will. And it will not work as well.&lt;/p&gt;

&lt;p&gt;This is where the accessibility tree comes into play. The accessibility tree is how SR and other assistive tech users navigate through a website, climbing along heading levels and structures to find the desired information. The accessibility tree is sprouted by the browser based on the DOM (shorthand for Document Object Model) tree and accessed by platform-specific Accessibility APIs.&lt;/p&gt;

&lt;p&gt;The DOM tree contains objects representing all the markup’s elements, attributes, and text nodes. This is precisely why following the h1, h2, h3 … heading structure is important. When you skip heading levels, you cut off the branches that assistive tech needs for a sound climbing route.&lt;/p&gt;

&lt;p&gt;But not all screen readers are the same. Let’s briefly go over the differences in screen reader output: Below are 2 popular screen readers reading the same thing in the same browser and both outputting something different:&lt;/p&gt;

&lt;h4&gt;
  
  
  NVDA vs JAWS
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4ca2t8ocsf3xtfj87t7m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4ca2t8ocsf3xtfj87t7m.png" alt="Table with 3 colums and 4 rows allocating trainers with pokemons"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This table is from our workshop at We Are Developers 2024. The code for it is available on &lt;a href="https://codepen.io/YuriDevAT/pen/NWVVKxJ" rel="noopener noreferrer"&gt;CodePen&lt;/a&gt;. You can download the &lt;a href="https://www.nvaccess.org/download/" rel="noopener noreferrer"&gt;NVDA screen reader&lt;/a&gt; for free and follow along.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;NVDA will say&lt;/strong&gt;&lt;br&gt;
  &lt;iframe src="https://www.youtube.com/embed/_FZhpsF0WEo"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;and JAWS will say&lt;/strong&gt;&lt;br&gt;
  &lt;iframe src="https://www.youtube.com/embed/GpZA6ylsAtg"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Same table, same code, same browser, yet 2 different outputs. That doesn’t mean that one is better than the other; they both get the job done. But be aware that there are some nuances between them.&lt;/p&gt;




&lt;h3&gt;
  
  
  Then what Screen Reader Setup is best for Testing?
&lt;/h3&gt;

&lt;p&gt;Classic UX answer: It depends. Firstly, on your target demographic, but more tangibly, on the operating systems you are developing for. Every year, WebAIM releases a survey for screen reader users where they ask which SR-browser combination they use.&lt;/p&gt;

&lt;p&gt;The latest survey was conducted between December 2023 and January 2024. Go check the &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;Screen Reader User Survey #10 Results&lt;/a&gt;! While you’re at it, check out the &lt;a href="https://webaim.org/projects/million/" rel="noopener noreferrer"&gt;WebAIM Million report&lt;/a&gt; as well. The Million report audited 1 million websites to give us a benchmark of progress in web accessibility over the years and the most common WCAG failures. (It’s still low contrast btw.)&lt;/p&gt;

&lt;h3&gt;
  
  
  Screen Reader Testing Summary:
&lt;/h3&gt;

&lt;p&gt;JAWS and NVDA came out on top with 40.5% and 37.7% respectively. The 3rd place on the podium took VoiceOver with 9.7%. As for browsers, the big 3 are Google Chrome, Microsoft Edge, and Mozilla Firefox.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmg2wzv4hsl5z6zv0b3bq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmg2wzv4hsl5z6zv0b3bq.png" alt="results for primary desktop or laptop screen reader use"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fizm9q7lff3653fd9e89k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fizm9q7lff3653fd9e89k.png" alt="esults for browser usage with primary screen reader"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Source: &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;WebAIM Screen Reader Survey&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Offline Navigation
&lt;/h2&gt;

&lt;h3&gt;
  
  
  The white cane
&lt;/h3&gt;

&lt;p&gt;She’s an icon, she’s a legend, and she is not only at the moment but a consistently reliable tool for obstacle detection. Reliable because it detects obstacles, floor texture, drop-off points, or stairs going in both directions: up and down. Many startups in the assistive tech space try to replace the white cane, but to be honest, it only took me 2 weeks at Hope Tech Plus to uncover the groundbreaking insight that nobody who uses a white cane actually wants that - surprise, surprise!&lt;/p&gt;

&lt;p&gt;But that’s not to say that our global icon for low vision is the solution for everyone. Carrying something around all day puts some strain on your wrists, and bumping into an obstacle can quickly be painful if you have joint problems. For different reasons, people might prefer other techniques, for example, guide dogs.&lt;/p&gt;

&lt;h3&gt;
  
  
  Guide Dogs
&lt;/h3&gt;

&lt;p&gt;The best of good boys and girls, also known as the four-pawed part of a guide pair. Training takes around 18 months to 2 years in a “puppy boarding school” and includes socialization, basic obedience, and specific keyword training for everyday actions. Labradors, Golden Retrievers, and German Shepherds are the most popular breeds because of their temperament, size, and trainability.&lt;/p&gt;

&lt;p&gt;Not every puppy gets to graduate! The most important criterion is the dog’s ability to focus only on their handler and ignore environmental stimuli, such as food on the floor, other people or dogs trying to get its attention, or loud noises. At the same time, they have to stay vigilant about potential threats or obstacles on the way, which requires a lot of concentration. It’s hard work!&lt;/p&gt;

&lt;p&gt;According to the International Guide Dog Federation, only around 23.000 dogs are on active duty. Most dogs work up to the age of 10, but this varies depending on the guide pair. The 10th birthday isn’t necessarily the definitive retirement day, but around that time, handlers will start to notice a decline in concentration or less excitement to work from their dog.&lt;/p&gt;

&lt;h3&gt;
  
  
  Braille
&lt;/h3&gt;

&lt;p&gt;Braille is a code made up of raised dots that can be read with your fingertips. It was invented by Louis Braille (another icon, absolute king behavior) in the early 19th century. It has been in use all around the globe since then, but that doesn’t mean that it’s the same language everywhere. After all, Braille is not a language; it’s a script code. Think of how the Vietnamese language uses the Latin script, yet that doesn’t mean that people who speak Latin-based languages can read Vietnamese.&lt;/p&gt;

&lt;p&gt;It is an important tool for literacy. While Text-to-Speech screen readers are awesome, relying exclusively on audio output can lead to limited literacy and a decrease in vocabulary over time. It’s the same concept as why everyone wants their children to read more books: reading benefits one’s literacy. So good on you for reading this! Great job!&lt;/p&gt;

&lt;p&gt;For more, check out &lt;a href="https://www.braille.ch/#Englisch" rel="noopener noreferrer"&gt;Braille.ch&lt;/a&gt;: it’s a fascinating tactile rabbit hole to go down!&lt;/p&gt;

&lt;h4&gt;
  
  
  Refreshable Braille Displays
&lt;/h4&gt;

&lt;p&gt;In the Tech world, there are refreshable Braille displays or Braille screen readers. They do exactly the same thing as Text-to-Speech screen readers, but with text output. How many letters they display at once depends on the size.&lt;/p&gt;

&lt;p&gt;In April 2024, I hosted a workshop together with Tetragon, who are developing &lt;a href="https://tetragon.at/products" rel="noopener noreferrer"&gt;affordable braille products&lt;/a&gt;: everything from display to keyboard to printer! The prototype we workshopped with participants - for example, the EcoBraille - requires only one actuator for an entire line of dots, regardless of the length of that line. If it’s a 20-character line: 1 actuator. If it has 80 characters, still only 1 actuator. This means that the display can be disassembled and extended with additional 20-character lines!&lt;/p&gt;

&lt;h3&gt;
  
  
  And how do Braille displays work?
&lt;/h3&gt;

&lt;p&gt;Speaking of actuators: Refreshable braille displays function by pushing individual pins up into the right position to form a braille letter. Each braille character cell holds 6 pins in a 2 by 3 arrangement. At the bottom of each pin is an actuator that gives the pin the command to jump up or stay put.&lt;/p&gt;

&lt;h3&gt;
  
  
  How does the device translate to Braille?
&lt;/h3&gt;

&lt;p&gt;Braille Keyboards and displays have braille tables integrated. In addition to 6-dot braille, there’s also 8-dot braille. Looks exactly how it sounds, like 8 pins instead of 6 in a 2 by 4 configuration. The additional 2 pins allow for special characters beyond the standard Latin alphabet. Braille is pretty neat, right?&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>webdev</category>
      <category>design</category>
      <category>ux</category>
    </item>
    <item>
      <title>Accessibility Cheat Sheet 2025: Free Courses, Certification Paths, and Testing Tools</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Tue, 23 Sep 2025 09:31:19 +0000</pubDate>
      <link>https://dev.to/a11ynews/accessibility-cheat-sheet-2025-free-courses-certification-paths-and-testing-tools-3eo1</link>
      <guid>https://dev.to/a11ynews/accessibility-cheat-sheet-2025-free-courses-certification-paths-and-testing-tools-3eo1</guid>
      <description>&lt;h2&gt;
  
  
  Some resources I appreciated along my own a11y way and can recommend not only for developers, nor designers, but for everyone.
&lt;/h2&gt;

&lt;p&gt;Also available as a &lt;a href="https://a11ynews.substack.com/podcast" rel="noopener noreferrer"&gt;podcast version&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So you wanna be the very best at web accessibility, but don’t know where to start? Print this page out and throw a dart at it because there’s no wrong point to start at. Only varying difficulty settings.&lt;/p&gt;

&lt;h3&gt;
  
  
  Universal Design
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://design.ncsu.edu/research/center-for-universal-design/" rel="noopener noreferrer"&gt;Center of Universal Design&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.nea.org/professional-excellence/student-engagement/tools-tips/universal-design-learning-introduction" rel="noopener noreferrer"&gt;Universal Design for Learning&lt;/a&gt; (UDL): The Why, What, and How of Learning. Especially relevant if you are developing courses or instruction materials for teaching, onboarding, or professional development.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  WCAG
&lt;/h3&gt;

&lt;p&gt;Duh, this is the first thing you need when talking web accessibility! The Web Content Accessibility Guidelines — or WCAG in short — are divided into 4 Principles (Perceivable, Operable, Understandable, and Robust, together, they assemble the Power Rangers’ team called POUR-Principles) and 86 Success Criteria (definitely not listing all here, go to &lt;a href="https://www.w3.org/TR/WCAG22/" rel="noopener noreferrer"&gt;W3C.org&lt;/a&gt; for that).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.tempertemper.net/blog/wcag-but-in-language-i-can-understand" rel="noopener noreferrer"&gt;WCAG, but in a language I can understand&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://aaardvarkaccessibility.com/wcag-plain-english/" rel="noopener noreferrer"&gt;WCAG in plain English&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://andrewhick.com/accessibility/wcag-map/" rel="noopener noreferrer"&gt;WCAG 2.2 Subway Map by Theme&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.figma.com/community/plugin/1373362852131056921/wcag-plugin" rel="noopener noreferrer"&gt;WCAG Figma Plugin&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/johanneslehner/wcag2.2-card-deck" rel="noopener noreferrer"&gt;WCAG 2.2 Figma card deck&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Honorable Mention: &lt;a href="https://www.w3.org/TR/wcag-3.0/" rel="noopener noreferrer"&gt;The WCAG 3.0 Working Draft&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;And my favorite one: &lt;a href="https://pokedexofaccessibility.substack.com/" rel="noopener noreferrer"&gt;WCAG Pokécards&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But the W3C offers us even more than that! &lt;a href="https://www.w3.org/Translations/" rel="noopener noreferrer"&gt;Translations of Current W3C standards and drafts&lt;/a&gt; in various languages (although not everything in all languages) are also available and ever extending.&lt;/p&gt;

&lt;p&gt;Yes, I know this one is not as fun as comparing the WCAG to Pokémon. But it helps to know the baseline laws that rule the digital accessibility world. You never have to know them by heart, as long as you know where to look them up.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note&lt;/strong&gt; : Most modern web accessibility laws and directives are based on the WCAG and Universal Design principles, but don’t use them directly as passing criteria.&lt;/p&gt;

&lt;p&gt;The tools of the trade! And to be honest, it can also be more fun to learn through trial and error, instead of theory alone.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://wave.webaim.org/" rel="noopener noreferrer"&gt;WAVE&lt;/a&gt; Tool by WebAIM: An automatic testing tool that provides WCAG references for each error, alert, and feature it finds. As with every automatic testing tool, none of them is perfect, but getting acquainted with &lt;em&gt;this one&lt;/em&gt; in particular is particularly helpful because the &lt;a href="https://webaim.org/projects/million/" rel="noopener noreferrer"&gt;WebAIM Million Report&lt;/a&gt; uses it. Learning the limitations of automated testing will help you interpret the findings better.&lt;/li&gt;
&lt;li&gt;Speaking of WebAIM: The one and only &lt;a href="https://webaim.org/resources/contrastchecker/" rel="noopener noreferrer"&gt;Contrast Checker&lt;/a&gt;, and arguably even better: the &lt;a href="https://webaim.org/resources/linkcontrastchecker/?fcolor=0000FF&amp;amp;bcolor=FFFFFF" rel="noopener noreferrer"&gt;Link Contrast Checker&lt;/a&gt; to compare 3 colors against each other at once!&lt;/li&gt;
&lt;li&gt;Wondering what screen readers people use? Consult the latest &lt;a href="https://webaim.org/projects/screenreadersurvey10/" rel="noopener noreferrer"&gt;WebAIM screen reader survey&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We love &lt;strong&gt;WebAIM&lt;/strong&gt; in this virtual house because they give out knowledge for free. The &lt;a href="https://webaim.org/intro/" rel="noopener noreferrer"&gt;WebAIM Introduction to Web Accessibility Course&lt;/a&gt; is free. The only thing you have to pay for is if you want to get a certification.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;AccessibleEU&lt;/strong&gt; does a lot of things, just like the incredible hustler it is; one of them is the &lt;a href="https://accessible-eu-centre.ec.europa.eu/content-corner/events/accessibleeu-online-training-accessible-technology-design-third-edition-25-ot-eu-01-2025-07-07_en" rel="noopener noreferrer"&gt;AccessibleEU Online Training on Accessible Technology Design&lt;/a&gt;. It also comes with a &lt;a href="https://accessibleeucentre.criteria-campus.com/" rel="noopener noreferrer"&gt;Community of Practice&lt;/a&gt;, and both are free, no membership, no European passport required, nothing.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;International Association of Accessibility Professionals (IAAP)&lt;/strong&gt; offers a number of certifications, which are, well, internationally recognized. Notably, the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.accessibilityassociation.org/cpacc" rel="noopener noreferrer"&gt;Certified Professional in Accessibility Core Competencies&lt;/a&gt; sounds intimidating but is actually only the baseline of accessibility certifications. The CPACC Body of Knowledge is available &lt;a href="https://www.accessibilityassociation.org/sfsites/c/resource/CPACCBoK" rel="noopener noreferrer"&gt;in English&lt;/a&gt; and &lt;a href="https://iaap-dach.org/files/Downloads/IAAP-DACH%20CPACC%20Syllabus.de.V103a.pdf" rel="noopener noreferrer"&gt;German&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.accessibilityassociation.org/was-exam" rel="noopener noreferrer"&gt;Web Accessibility Specialist&lt;/a&gt;, more self-explanatory, but also way more technical. The Body of Knowledge is available for &lt;a href="https://www.accessibilityassociation.org/sfsites/c/resource/WASBoK_PDF" rel="noopener noreferrer"&gt;WAS in English&lt;/a&gt;, &lt;a href="https://iaap-dach.org/files/Downloads/IAAP-DACH%20WAS%20Syllabus.de.V10_ua.pdf" rel="noopener noreferrer"&gt;WAS in German&lt;/a&gt;, and &lt;a href="https://www.accessibilityassociation.org/sfsites/c/resource/WASspanishBoKPDF" rel="noopener noreferrer"&gt;WAS in Spanish&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.accessibilityassociation.org/ads-exam" rel="noopener noreferrer"&gt;Accessible Document Specialist&lt;/a&gt; does exactly that: document accessibility. The &lt;a href="https://www.accessibilityassociation.org/sfsites/c/resource/ADSBoK" rel="noopener noreferrer"&gt;ADS Body of Knowledge&lt;/a&gt; is only available in English.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;If you enjoyed this article, you might also like &lt;a href="https://a11ynews.substack.com/" rel="noopener noreferrer"&gt;&lt;em&gt;A11y News&lt;/em&gt;&lt;/a&gt;, my monthly newsletter covering accessibility, practical insights, curated resources, and real-world takeaways.&lt;/p&gt;

&lt;p&gt;Let’s connect on &lt;a href="https://www.linkedin.com/in/laura-wissiak/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; if you’d like to chat about accessibility, UX research, or making tech more equitable.&lt;/p&gt;

</description>
      <category>ux</category>
      <category>a11y</category>
      <category>webdev</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Understanding Deaf-Blindness</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Sat, 20 Sep 2025 06:51:47 +0000</pubDate>
      <link>https://dev.to/a11ynews/understanding-deaf-blindness-3eep</link>
      <guid>https://dev.to/a11ynews/understanding-deaf-blindness-3eep</guid>
      <description>&lt;h4&gt;
  
  
  When you hear the word deaf-blind, you might think “How do you communicate then?” And if you have ever studied anything related to communication, I’m sure your old professor is haunting you right now with Paul Watzlawick’s “&lt;em&gt;One cannot not communicate&lt;/em&gt;” with that uuh spooky echo uuuh.
&lt;/h4&gt;

&lt;p&gt;But it’s still puzzling, right? Blind people usually rely on their hearing, and deaf people use sign language to communicate. So, how are deaf-blind people making it work?&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“Deafblindness is an invisible disability because there is no way we can know how a person perceives the world unless we ask.” — Dr Leda Kamenopoulou, Associate Professor at UCL&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  How can deaf-blind people see and hear?
&lt;/h4&gt;

&lt;p&gt;We have already established that blindness is a spectrum. Okay, let’s rather say vision is a spectrum, and legal blindness is further on the low vision side, but it still leaves a lot of leeway. Low vision can include things like tunnel vision, color blindness, night blindness (or &lt;em&gt;nyctalopia&lt;/em&gt; if you feel fancy!), and stair blindness, which is more of a consequence of issues in contrast or depth perception.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Too long didn’t read: A lot of different things can make up blindness, and legal blindness isn’t total blindness.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Now I don’t work with people who are deaf or hard of hearing in particular, so I can’t make a blanket statement about it. But after a certain amount of desk research and by using some Detective-Conan-level deduction skills, I would make an educated guess and say that it’s also kind of like a spectrum. Or should I say, a volume slider? Actually, more like an elaborate surround-sound system where you can configure every detail.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;One of my Hope Tech interviewees who happened to be deaf-blind described their hearing loss “_as if the high-pitch of a stereo had been turned off&lt;/em&gt;”_&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I feel as if I’m starting to repeat myself in these posts, but disability is a spectrum. Not everyone is living in complete silence and complete darkness. Some use hearing aids and or glasses, as Blindish Latina does, some use a white cane and braille, and some use sign language interpreters. Some people might need less assistance, and some might need more.&lt;/p&gt;

&lt;h4&gt;
  
  
  Causes of deaf-blindness
&lt;/h4&gt;

&lt;p&gt;If you go to Wikipedia (my previous professors are shaking in their tweed jackets right now), you will find a long list of potential causes. It’s also perfectly plausible that your eyesight and hearing independently of each other deteriorate over time.&lt;/p&gt;

&lt;p&gt;But one to pick out is &lt;strong&gt;Usher Syndrome&lt;/strong&gt;. If your mind immediately goes to the singer Usher Raymond, that’s okay. This article will wait here while you go jam out to &lt;a href="https://www.youtube.com/watch?v=ut71pbXxao0" rel="noopener noreferrer"&gt;Yeah Yeah&lt;/a&gt;. Back? Alright, let’s go!&lt;/p&gt;

&lt;p&gt;The main symptoms of Usher Syndrome are deafness or hearing loss and retinitis pigmentosa. RP usually causes night blindness, tunnel vision and messes with your color perception. Again, what exactly this can look like is completely individual, and the same goes for how fast it progresses. The hearing loss is caused by the abnormal development of the sound receptor cells in your inner ear.&lt;/p&gt;

&lt;h3&gt;
  
  
  💌 Enjoyed this piece?
&lt;/h3&gt;

&lt;p&gt;I write regularly about accessibility, inclusive UX, and the messy intersection of ethics and product design. Subscribe to &lt;a href="https://a11ynews.substack.com/" rel="noopener noreferrer"&gt;my Substack&lt;/a&gt; for deep dives, assistive tech user insights, and no-bullshit takes on what really makes tech inclusive.&lt;/p&gt;

&lt;p&gt;Connect with me on &lt;a href="https://www.linkedin.com/in/laura-wissiak/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;, &lt;a href="https://www.instagram.com/laura_a11y/" rel="noopener noreferrer"&gt;Instagram&lt;/a&gt; or &lt;a href="https://bsky.app/profile/laura-a11y.bsky.social" rel="noopener noreferrer"&gt;BlueSky&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Resources on Deaf Blindness
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.nationaldb.org/info-center/overview-factsheet/" rel="noopener noreferrer"&gt;National Center on Deafblindness: Overview on Deaf-Blindness Factsheet&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.deafblindinternational.org/" rel="noopener noreferrer"&gt;Deafblind International&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.projectidealonline.org/v/deaf-blindness/" rel="noopener noreferrer"&gt;Project Ideal&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.deafblindinformation.org.au/living-with-deafblindness/assistive-technology-and-equipment/out-and-about/" rel="noopener noreferrer"&gt;Assisitve Technology and Equipment Living with Deafblindness&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.nationaldb.org/info-center/educational-practices/assistive-technology/" rel="noopener noreferrer"&gt;National Center on Deafblindness: Assistive Technology&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://nfb.org/sites/www.nfb.org/files/images/nfb/publications/bm/bm14/bm1409/bm140906.htm" rel="noopener noreferrer"&gt;Deaf-Blind Communication Technology&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.afb.org/aw/19/6/15089" rel="noopener noreferrer"&gt;Unique Technologies Presented at First Deaf-Blind International Conference&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/0QiTu26Own0" rel="noopener noreferrer"&gt;Communication Technologies for Persons who are Deafblind&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ux</category>
      <category>userresearch</category>
      <category>a11y</category>
      <category>inclusion</category>
    </item>
    <item>
      <title>The Impact of Invisible Stigma on User Interviews: Lessons from UX Research</title>
      <dc:creator>Laura Wissiak, CPACC</dc:creator>
      <pubDate>Tue, 16 Sep 2025 12:46:55 +0000</pubDate>
      <link>https://dev.to/laura-wissiak/the-impact-of-invisible-stigma-on-user-interviews-lessons-from-ux-research-3dej</link>
      <guid>https://dev.to/laura-wissiak/the-impact-of-invisible-stigma-on-user-interviews-lessons-from-ux-research-3dej</guid>
      <description>&lt;p&gt;Invisible stigma is a concept many UX researchers may not fully recognize, yet it deeply influences how people with disabilities engage in user research. I recently presented the German version of my talk on invisible stigma at Technica11y, originally from Inclusive Design 24. Revisiting my notes inspired me to share the extended thoughts and jokes that did not make it into the live event. This article explains what invisible stigma is, why it matters, and how it shapes UX research outcomes.&lt;/p&gt;

&lt;h3&gt;
  
  
  What Is Invisible Stigma?
&lt;/h3&gt;

&lt;p&gt;To understand invisible stigma, we first need to look at stigma itself. The term stigma comes from the Latin &lt;em&gt;stigmat-&lt;/em&gt; meaning “mark” or “brand” and originally referred to a physical scar made by a hot iron. Today, stigma refers to a set of negative and often unfair beliefs that society holds about certain groups or conditions.&lt;/p&gt;

&lt;p&gt;According to Merriam-Webster, stigma means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A set of negative and unfair beliefs that a society or group of people have about something&lt;/li&gt;
&lt;li&gt;A mark of shame or discredit&lt;/li&gt;
&lt;li&gt;An association of disgrace or public disapproval&lt;/li&gt;
&lt;li&gt;A visible indicator of disease or condition&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most of these meanings relate to negative judgment or physical visibility, but stigma can also be invisible.&lt;/p&gt;

&lt;h3&gt;
  
  
  Visible Indicators vs Invisible Stigma
&lt;/h3&gt;

&lt;p&gt;Some disabilities come with visible indicators, which can be helpful in certain situations. For example, people with low vision often use a white cane or wear a yellow arm badge with three dots. These signals are important for safety, especially in traffic, as they communicate to drivers not to assume the person sees them. In orientation mobility training, even small gestures from drivers, like a hand signal to cross the road, can make a big difference.&lt;/p&gt;

&lt;p&gt;However, visible indicators can also bring unwanted attention. In social settings like coffee shops or parks, people may approach and offer help unsolicited. While well-intentioned, this can be uncomfortable or intrusive. Many people with disabilities choose to fold up their canes or hide visible markers to avoid such encounters because “not everybody needs to know that I’m blind.”&lt;/p&gt;

&lt;p&gt;Invisible stigma is the experience of managing how others perceive you when no physical marker is present. For example, concerns about pickpocketing arise when someone needs to hold both a phone and a white cane in public. This constant awareness and navigation of social perception create a heavy mental load.&lt;/p&gt;

&lt;h3&gt;
  
  
  Understanding Invisible Stigma
&lt;/h3&gt;

&lt;p&gt;Invisible stigma is more challenging to spot because, like the wrestler John Cena, it is often unseen. You experience it rather than observe it. Discrimination based on invisible stigma is arbitrary and does not require visible markers. For example, in hiring, people are often advised to remove photos, birthdates, and even gender from resumes to avoid bias.&lt;/p&gt;

&lt;p&gt;The advantage of invisible stigma is that people can choose if and when to disclose it. However, choosing not to disclose it means accommodating oneself discreetly, which adds to mental fatigue. This is similar to masking among neurodivergent individuals, where natural behaviors are concealed to fit societal expectations.&lt;/p&gt;

&lt;h3&gt;
  
  
  Invisible Disabilities and Intersectionality
&lt;/h3&gt;

&lt;p&gt;Invisible disabilities include any disabilities not obvious to others, such as certain chronic illnesses, mental health conditions, or neurodivergence. The Hidden Disability Sunflower initiative helps make invisible disabilities more visible, but visibility often depends on context.&lt;/p&gt;

&lt;p&gt;For instance, a person using a white cane walking on the street is visibly low vision. However, the same person inside a café with the cane folded in their bag is not immediately recognized as disabled.&lt;/p&gt;

&lt;p&gt;Invisible stigma goes beyond disabilities. It includes characteristics socially devalued but not readily apparent, like sexual orientation, gender identity, religious affiliation, or illness. Intersectionality reminds us that a person’s identity consists of multiple overlapping factors, each influencing their experience with stigma.&lt;/p&gt;

&lt;h3&gt;
  
  
  How Invisible Stigma Affects UX Research
&lt;/h3&gt;

&lt;p&gt;Invisible stigma creates unique challenges for UX researchers. Participants may downplay or compensate for difficulties during interviews. Many disabilities require significant preparation to manage daily life. For example, a blind person planning public transport routes often memorizes stops and connections rather than relying on GPS, which may not be reliable or accessible.&lt;/p&gt;

&lt;p&gt;Similarly, some autistic individuals rehearse conversations in advance as a compensation strategy. These behaviors may seem normal to the person but could mask the extra effort required, affecting how researchers interpret their experiences.&lt;/p&gt;

&lt;p&gt;Masking is a common defensive behavior where people hide their natural personality or struggles to fit in or avoid negative judgment. This coping mechanism can be subconscious or intentional.&lt;/p&gt;

&lt;p&gt;As a researcher, noticing masking in participants raises an ethical question. How far should you probe for honest feedback when participants may feel uncomfortable revealing their full experience? Respecting participants’ boundaries and comfort is essential. It is okay to acknowledge masking without pushing too hard for disclosure. User research is about understanding within limits, not forcing vulnerability.&lt;/p&gt;

&lt;h3&gt;
  
  
  Research Beyond Disability Focus
&lt;/h3&gt;

&lt;p&gt;Invisible stigma also influences research when disability is not the explicit focus. For example, I noticed one participant downplayed accommodations in a second interview conducted in a different language and setting. The change in context and presence of another person affected their openness.&lt;/p&gt;

&lt;p&gt;Approximately 15% of the world’s population lives with some form of disability. Many adapt their environments in subtle ways, like increasing text size instead of wearing prescription glasses. Some participants may not even realize they have a disability, especially with late diagnoses of neurodivergence or conditions like diabetic retinopathy.&lt;/p&gt;

&lt;p&gt;Medical conditions such as diabetic retinopathy cause small but impactful vision loss, which the brain often compensates for without conscious awareness. Recognizing these nuances is important for inclusive UX research.&lt;/p&gt;

&lt;h3&gt;
  
  
  How to Address Invisible Stigma in UX Research
&lt;/h3&gt;

&lt;p&gt;There is no simple solution to invisible stigma in research, but these strategies can help:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Listen to Understand:&lt;/strong&gt; Avoid seeking confirmation of your assumptions. Instead, focus on truly understanding participant experiences.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Do Your Homework:&lt;/strong&gt; Research medical and social contexts related to disabilities relevant to your study, using reliable sources.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Prioritize Individual Experience:&lt;/strong&gt; Treat each participant as an expert on their own lived experience, rather than relying solely on clinical definitions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Encourage Comfortable Disclosure:&lt;/strong&gt; Foster a positive and respectful environment that shows genuine interest and enthusiasm without pressure.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Respect Statistics:&lt;/strong&gt; Expect a significant portion of participants to have disabilities; inclusivity improves with larger, more diverse samples.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Final Thoughts: Invisible Stigma Is a Systemic Challenge
&lt;/h3&gt;

&lt;p&gt;Invisible stigma remains a systemic issue rooted in societal perceptions and biases. Until disability and other stigmatized characteristics are normalized as neutral traits, these challenges will persist.&lt;/p&gt;

&lt;p&gt;UX researchers can contribute by being aware of invisible stigma, respecting participant boundaries, and designing inclusive research processes. This awareness improves not only research quality but also the overall inclusivity of design solutions.&lt;/p&gt;

&lt;p&gt;If you are a UX researcher, reflecting on invisible stigma is essential to truly understand and design for all users. By recognizing the hidden barriers that participants face, you can create more empathetic and accessible products.&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>ux</category>
      <category>bias</category>
      <category>userresearch</category>
    </item>
  </channel>
</rss>
