Overlays Underwhelm at ID24

Owing to a last minute cancellation, I had the pleasure of presenting at Inclusive Design 24, a live streaming 24-hour solid conference. In the interest of full disclosure, I am also an organizer and a sponsor. I had to step away from hosting duties to give the talk and then step right back into hosting afterward.

I embedded the video, but you can also watch it on YouTube.

#id24 The rest of this post is a collection of images, videos, tweets, articles, and links referenced in my talk.

The typeface in my slides is Atkinson Hyperlegible, a free font from Braille Institute of America.

Intro

I had the title before I had the content. I tried to shoehorn this over / under theme into the talk. Maybe not my best idea.

Slide 4: Tim Berners-Lee

The actual Tim Berners-Lee quote:

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

The gag is that this quote is used in so many intro accessibility talks that it has become an unfortunate cliché. Which is why I used Patrick Lauke’s and Bruce Lawson’s Tim Berners-Lee Quote’o’matic fictitious quote generator.

Overview Understated

What is an overlay? A tool that provides some sort of accessibility or usability feature that may not be built into the underlying site; sometimes it replicates native features and sometimes it offers some other affordance.

Slide 7: Browsealoud

As you can see, it offers no context for what is being read, visible or not. It was never meant to replicate screen readers. Instead it is akin to a feature you can find built in to browsers today, such as Edge’s Immersive Reader.

Announcement of the Browsealoud rebrand, and more info on the crypto-jacking of the Browsealoud script.

Slide 9: Text Resize Widget

Annoted demonstration of the New York Times text resizing widget using Edge 14. I did not choose Edge because it behaved any worse or better in that browser. The bullet list preceding this video is the description of what is happening.

Originally from my 2016 post Don’t Re-Create Browser Features.

Slide 11: Hand Talk

Hand Talk presents the content of the page in sign language. To its credit, it is not finger spelling everything it encounters.

Hand Talk’s post announcing version 4.0.

Overstate Underperform

Overlays tend to overstate their abilities. In technical reviews, they consistently underperform.

Slide 15: accessiBe versus Axe

Axe showing 4 violations before running the accessiBe overlay on the AI page. Axe showing 12 violations after running the accessiBe overlay on the AI page.
Running Deque’s Axe browser plug-in reveals more WCAG violations after enabling the accessiBe overlay, from 4 to 12.

Slide 16: accessiBe versus ARC Toolkit

ARC showing 19 violations before running the accessiBe overlay on the AI page. ARC showing 38 violations after running the accessiBe overlay on the AI page.
The Paciello Group’s ARC browser plug-in also shows a jump from 19 violations to 38 after running the accessiBe overlay.

Slide 17: accessiBe versus WAVE

WAVE showing 0 violations before running the accessiBe overlay on the AI page. WAVE showing 0 violations after running the accessiBe overlay on the AI page.
WebAIM’s WAVE checker browser plug-in returned no violations aside from a single contrast violation. These results are not surprising given it may be spoofing WAVE and I get the WAVE warning when I use the bookmarklet.

Slide 19: MaxAccess and its Failure to Stop

The ‘Stop Animations’ button on this overlay fails to stop the auto-playing background video. To compound the confusion, the button changes only its accessible name when pressed. It does not use aria-pressed to indicate it has been activated.

See the unstoppable background video in action at the bottom of this page.

Slide 20: An Overlay Traps Keyboards

I tried the keyboard navigation feature of one vendor. Even after I activate the feature, focus styles are still missing. Eventually a new box appears, with different links. I was tabbing so much already I tabbed past the item that displayed the instructions. To drive home the point, it drops me into a de facto keyboard trap in its cookie pop-up.

I encourage you to track this down on your own time.

Slide 22: When the Overlay Itself Violates WCAG

4 views of the overlay, each one has white text on a light gray background and hover styles that are minor changes in size.
The overlay is long, so this image captures 4 screenfuls. The screen shot is from Chrome 87 on Windows, a common browser, though it behaves this way across browsers. The image is a link to a larger file where you can try to guess over which control I am hovering.

You can visit the example site, Aquis.com, and try it for yourself.

Slide 23: When the Overlay Itself Violates WCAG, Proof

A color contrast analyzer showing the white text against the very light peach background has a contrast ratio of 1.2:1.

This uses the Colour Contrast Analyser.

Slide 24: When Declining the Overlay Breaks the Page

The video shows the browser default focus ring, then the alert prompting the user to enable the overlay at :09. When declined, from :12 forward you can only tell that focus is changing by looking at the browser status bar.

Slide 25: When the Overlay Keeps Selling

Navigating to the Lawsuits page of the AccessUS web site. The page gets a gray overlay, and then audio starts to play with no visible video player or audio controls.

Give it a shot yourself at the AccessUS site, and maybe get startled by the hidden voices.

Slide 26: FACIL’iti Failures

Browser dev tools showing the multiple possible accessible names for the FACIL'iti button and absent focus styles.
The browser developer tools are the quickest way to see the multiple WCAG failures (1.1.1, 2.4.7, 2.5.3) on the control that is supposed to make the page more accessible.

Try it for yourself at the Abilities Expo site.

Slide 28: Overlay Guarantees

Does accessiBe protect me from lawsuits? Absolutely! accessiBe turns inaccessible websites into WCAG and ADA compliant websites. But not only that, accessiBe provides you with a Litigation Support Package, in case you need to prove your ADA website compliance, and guides you through the process. Does accessiBe cover all accessibility requirements? Yes! accessiBe covers the WCAG (Web Content Accessibility Guidelines) version 2.1 at the AA level success criteria, and in certain areas even level AAA. This is a step beyond what legislation requires.
accessiBe home page, captured 6 February 2021.

Slide 29: Reality of Overlay Guarantees

From the accessiBe Terms: "Standard" means WCAG 2.1 level AA success criteria.
accessiBe Terms of Service, captured 30 March 2021, dated 14 December 2020.

Slide 30: More Reality of Overlay Guarantees

From the accessiBe Terms: The functionality of the accessiBe Systems requires that the Licensee Website in which they are embedded be websites based solely on HTML files and tags, and that the source code be written according to the Standard of the World Wide Web Consortium (“W3C”), without any errors or validation warning in W3C’s troubleshooting inspections; please note that Licensee changes to such website may impact the functionality of the Service. By way of example, accessiBe Systems do not support other components, such as Canvas, Flash and/or SVG.
accessiBe Terms of Service, captured 30 March 2021, dated 14 December 2020.

Slide 31: Just a Few Overlay White Lies

UserWay list of claims. Compliance: Makes your site ADA compliant. Lawsuits: 0 lawsuits mentioning UserWay’s AI Solution. Reputation: Strong reputation with the disabled community. Privacy: Privacy by design, data minimization. Security: Privacy preserving, does not track user types/identify people with disabilites [sic].
UserWay vs accessiBe, captured 9 September 2021.

Slide 33: Lawsuits Naming Overlays

Page 13 of Blair Douglass v. Masterbuilt Manufacturing, LLC Page 7 of Fischler v Dorai Homes complaint Page 1 of Lighthouse et al v ADP Inc. Page 14 of Murphy v Eyebobs complaint Defendant’s online store includes an “accessibility widget” which shoppers may allegedly use to enhance their user experience. The widget supposedly helps shoppers increase color contrast, highlight links, and stop animations, among other things. To use the widget, shoppers must activate, or “click,” a floating button on the right side of the Website. Once activated, Defendant displays a pop-up window. Shoppers who perceive content visually can click the pop-up window to activate the widget’s various tools. Unfortunately, the Website does not alert Plaintiffs’ screen readers when this pop-up window appears. Instead, their screen readers remain locked on the Website’s underlying page, making it impossible for them to use the “accessibility widget” independently. Defendant’s online store includes an “accessibility widget” which shoppers may allegedly use to enhance their user experience. The widget supposedly helps shoppers adjust font and emphasize titles, among other things. To use the widget, shoppers must activate, or “click,” a floating button on the right side of the Website. Once activated, Defendant displays a pop-up window. Shoppers who perceive content visually can click the pop-up window to activate the widget’s various tools. Unfortunately, the Website does not alert Plaintiffs’ screen readers when this pop-up window appears. Instead, their screen readers remain locked on the Website’s underlying page, making it impossible for them to use the “accessibility widget” independently and thereby defeating its purpose.

From the ADP settlement agreement:

“Accessible” (or “Accessibility” or “Access”) means that blind and low vision individuals have independent access to the same information and equivalent ease of use of functionalities available to sighted individuals via the Website or Mobile Apps. For the purpose of this Agreement, “overlay” solutions such as those currently provided by companies such as AudioEye and AccessiBe will not suffice to achieve Accessibility.

Slide 34: Wired

Wired. November 11, 2021. This Company Tapped AI for Its Website—and Landed in Court. Under pressure to make their sites accessible to visually impaired users, firms turn to software. But advocates say the tech isn't always up to the task.
This Company Tapped AI for Its Website—and Landed in Court, November 11, 2021

These two paragraphs stood out to me:

In a statement, AccessiBe’s head of marketing, Gil Magen, said the company had analyzed Eyebobs’ website and found it complied with accessibility standards. AccessiBe offers clients assistance with litigation but Eyebobs declined, the statement said.

In its own statement, Eyebobs said AccessiBe failed to respond to requests for meetings with its lawyers. “Eyebobs is no longer working with AccessiBe nor will we in the future,” the statement said.

Slide 36: Overlays Sometimes Fail to Load

Firefox dev tools showing the link and raw HTML along with a script error that the widget was not initialized.
The browser is showing it cannot load the script, and the trigger to load the accessiBe overlay is a <div> with a tabindex and a button role.

Slide 37: Overlays as Malware

On July 27, 2020, Nycanuck said: I am trying to determine if the blocking of acsbap.com is legitimate.  It looks like this may be a tracking service and is used by a number of vendors. Below is the block. Malware Bytes staff responds: Hello, thanks for bringing this to our attention. We've reviewed the site again and have determined it no longer warrants being blocked so we've removed it from our database. Removal should be reflected in the next database update going out in a few hours or so.

The forum entry.

Slide 39: Dodging Data Protection

Also from Léonie’s post AccessiBe and data protection?.

Slide 40: Third-Party False Choice

Browser alert on the DSW site: An embedded page at REDACTED says: Your web browser privacy settings are preventing the accessibility mode to stay enabled. Try enabling third party cookies to ensure you receive accessible updates to the website.
The DSW site uses a vendor’s overlay. If you block third-party cookies, you get this browser alert. Nowhere does the user have the opportunity to understand how those third-party cookies will be used, what information will be shared. A user can then decide between disclosing their disability or using a broken site.

Overpromise Underdeliver

Overlays will over-promise in their marketing, making claims about their utility and popularity while under-delivering on them.

Slide 44: Villainizing

Cartoon. A man at a computer happily exclaims, "Finally, my website is up!" Two men in suits appear next to him holding legal papers and say, "Not so fast! Nice website, but it's not accessible! You've been served." Shows the man again, crying, hands up in the air, saying, "I'm broke now. Why bother?" In the background the two men can be seen walking away carrying bags of money.
The accessiBe LinkedIn post where this first appeared in May 2021 and, after getting some push back, removed and disabled comments.

Slide 45: Silent Majority

Slide 46: WordPress Ban

Headline on WP Tavern: WordPress.org Removes Fake Reviews for AccessiBe Plugin
WordPress.org Removes Fake Reviews for AccessiBe Plugin, February 18, 2021

Slide 48: NBC News

NBC News: Blind people, advocates slam company claiming to make websites ADA compliant. “If you have a website, do you want to include disabled people or do you want to exclude them? That’s why it's a civil right,” one expert said.
Blind people, advocates slam company claiming to make websites ADA compliant, May 9, 2021

Slide 49: Vice

Vice, Motherboard headline: People With Disabilities Say This AI Tool Is Making the Web Worse for Them AccessiBe aims to make the internet fully accessible to the visually impaired by 2025—but activists say the company's AI is making things worse.
People With Disabilities Say This AI Tool Is Making the Web Worse for Them, March 17, 2021

Slide 50: The New York Times

The New York Times, headlined: For Blind Internet Users, the Fix Can Be Worse Than the Flaws. Companies say their A.I.-powered tools are the best way to fix accessibility problems online, but many blind people find they make websites harder to use.
For Blind Internet Users, the Fix Can Be Worse Than the Flaws. Companies say their A.I.-powered tools are the best way to fix accessibility problems online, but many blind people find they make websites harder to use., July 13, 2022

Slide 51: Mosen at Large

Mosen at Large: Episode 105: The AccessiBe controversy. Can AI make the web fully accessible in a few short years, or might it make matters worse?
Episode 105: The AccessiBe controversy. Can AI make the web fully accessible in a few short years, or might it make matters worse?, March 14, 2021

Slide 52: Overlay Blockers

accessibegone. Instructions for blocking AccessiBe and similar intrusive overlays. Chrome Web Store: AccessiByeBye from Pneuma Solutions.
AccessiBeGone and AccessiByeBye

Slide 53: FACIL'iti and Frivolous Lawsuits

A view of the first two pages of the Mise en demeure from FACIL'iti to Koena demanding critical tweets be removed.
In April, FACIL’iti’s attorneys started sending letters demanding removal of any criticism. This letter to Koena shows two tweets about FACIL’iti.

Koena writes about the referenced demand letter in Koena mise en demeure par FACIL’iti. Another frivolous suit is outlined in Aide pour mes frais d’avocate dans mon procès contre FACIL’iti, which is also available in English.

15 November 2021: Koena has provided an update in Procès FACIL’iti : conclusions de Koena déposées le 12 novembre 2021.

Slide 54: FACIL'iti Coverage by Numerana

Numerana, headline: FACIL’iti, la solution pour l’inclusion en ligne qui refuse la critique? «Des sites pensent être accessibles, alors qu’ils ne le sont pas»
FACIL’iti, la solution pour l’inclusion en ligne qui refuse la critique? (FACIL’iti, the solution for online inclusion that refuses criticism?), October 2021.

Slide 55: My Cease & Desist from AudioEye

Page 1 of 3 of the original Cease and Desist. Page 2 of 3 of the original Cease and Desist. Page 3 of 3 of the original Cease and Desist. The follow-up to the original Cease and Desist.
The first (3 pages) and second (1 page) letters from AudioEye’s law firm.

You can read AudioEye’s cease & desist letter to me, along with my response.

Slide 57: National Federation of the Blind

National Federation of the Blind, press release dated June 24, 2021: National Convention Sponsorship Statement Regarding accessiBe

The full NFB press release.

Slide 58: CSUN Conference on Disabilities

Slide 59: We The 15

Slide 61: Overlay Fact Sheet

The Overlay Fact Sheet site showing the table of contents.

Visit the Overlay Fact Sheet and consider signing.

Slide 63: Borrowed Credibility

The footer from the MaxAccess site, showing the IAAP logo. The footer of the UserWay site, showing the IAAP logo.
UserWay and MaxAccess display the IAAP logo in their footer, using the weight of accessibility professionals (you) as a marketing boost.

IAAP promotes AudioEye and its post seemingly mostly lifted from the W3C.

Slide 64: IAAP Member Survey Responses

A large majority are not Overlay sellers (97%) and of the remaining percentage, again the majority (81%), do not compete with other companies that sell Overlays.

Of those surveyed, 90% say they have seen ‘false claims’ in the ‘advertising’” by companies about the technology.

[A] majority (86%) believe that the IAAP should comment on the marketing of accessibility technology and 90% of respondents say that the IAAP should comment about the marketing of Overlays specifically.

Slide 65: Overlay Community Group

W3C Community & Business Groups, call for Participation in Overlay Community Group
Dated May 26, 2022.

This call for participation was deleted the next day.

Slide 66: Accessibility at the Edge (nee Overlay) Community Group

W3C Community & Business Groups. Accessibility at the Edge Community Group. The mission of the Accessibility at the Edge Community Group is to examine improvements to internet accessibility via "edge computing", a relatively new paradigm that focuses on performing tasks at the edge of the network. Unlike cloud computing…
The renamed and rebranded community group.

I go into more detail, including a timeline, definitions, and the mninutes from a TPAC meeting, in my post ‘Accessibility at the Edge’ W3C CG Is an Overlay Smoke Screen.

Overnight Undertake

Overlays cannot make your site, or your brand, better overnight. There are some steps you can undertake, however.

Slide 68: Plan Ahead

Slide 69: If You Already Have a Site

Slide 70: Overlay False Claims

Slide 71: Leave an FTC Comment

Federal Trade Commission seal I mentioned earlier that the FTC is taking feedback on its proposed rule on Commercial Surveillance and Data Security. Please consider leaving a comment. Do so before Friday, October 21, 2022.

For more details on the FTC’s effort and how it relates to overlays, read my post FTC, Commercial Surveillance, and Overlays.

2 Comments

Reply

The fictitious Tim Berner’s Lee quote site made me LOL, I did indeed dedicate an entire slide to this quote for a presentation on designing user-friendly user interfaces. In my defense, it was for a scholarship project and no one mentioned web accessibility and I wanted to make it about web accessibility. and it was my first time!

Rae Johnson; . Permalink
In response to Rae Johnson. Reply

That is indeed a valid defense.

Leave a Comment or Response

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>