Three Essential Requirements To Provide an Inclusive QSR Restaurant Experience
After years of working with various QSR restaurants types, the Vispero team noticed industry-wide themes regarding the customer experience. Upon further review, we highlighted three essential...
View ArticleClik here to view.
Labeling the point: Scenarios of label misuse in WCAG
Whether they’re for jars, clothes, or vinyl records, labels are essential for identifying and describing things. And form controls are no exception. First introduced in HTML 4.0, the <label>...
View ArticleClik here to view.
Well Color Us Surprised—This SC Can Be a Tricky Customer
.actions {margin: 1em 0;border-radius:5px;background: lightyellow;padding: 0.5em;border:1px solid black;} .tests .row {display: block;} .tests label {display: block;font-weight: bold;} .tests form...
View ArticleClik here to view.
Beyond WCAG: Losing Spoons Online
Have you heard of Christine Miserandino’s spoon theory? Spoon theory is a metaphor in which one’s physical and mental capacity for each day is represented by a fixed number of spoons that gets...
View ArticleClik here to view.
The Ballad of Text Overflow
The CSS text-overflow property can be used to show a visual indication for text that’s been clipped by its container. I’m not a fan, and take every suitable opportunity to discourage people from using...
View ArticleClik here to view.
Subheadings, subtitles, alternative titles and taglines in HTML
Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is. Previously, a common method for subheadings was to use a...
View ArticleClik here to view.
An argument against CSS opacity
.visually-hidden {clip-path: inset(100%);clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;} .callout {font-size:1.2em; color:#555555;...
View Article--- Article Not Found! ---
*** *** *** RSSing Note: Article is missing! We don't know where we put it!!. *** ***
View ArticleClik here to view.
WCAG 3.0: are we there yet?
In short: no. Overview On 7 December 2021, the W3C Accessible Guidelines Working Group published a Working Draft of the W3C Accessibility Guidelines (WCAG) 3.0. So, that’s it, right? Pack WCAG 2 off to...
View ArticleClik here to view.
Prevent focused elements from being obscured by sticky headers
.btw {background: #1b75bc; color: #ffffff; padding: 15px; border-radius: 15px;} .btw a {color: #ffffff;} .btw code {background:inherit;border:none;color:inherit;display:inline;padding:0;} a code...
View ArticleClik here to view.
Carry On Testing 2023
In my role at TPGi I regularly get asked for advice on how stuff works. For example, the other day I was asked by a colleague “Can aria-current be used on a span?”. How bad advice gets propagated My...
View ArticleClik here to view.
Screen Readers support for text level HTML semantics
A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago, the screen readers tested did not signify the semantics of text level elements and did not signify,...
View Article
