I'm happy to announce that I will be presenting about the #WebAlmanac for the December Boye & Co Member Call:

boye-co.com/groups/conference-…

Using the Web Almanac to Understand Trends with Mike Gifford

I will be talking about #CMS, #JavaScriptframeworks and of course #sustainability and #accessibility

10 December - Free with Registration

Conference calls for members — Boye & Company

^{Boye & Company}

Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign

Featuring @todd@a11y.info, @theaccessibilityguy, @TPGi, @ozewai, @ScopicEngineer, @codepo8, @medienbaecker, @shadeed9, @LFLegal, @heydon, @tbroyer, @jarango, @AlexDawsonUK, @InesAkrap, @mgifford, and more.

I have emphasized numerous times in the past why you should not use #HCaptcha, especially in situations where equal access is vital. Their practices are not inclusive, locking out users who have no other way to access whatever the captcha protects. This blog post illustrates one of the scenarios: michaels.world/2023/11/i-was-b…

Here's to better captcha solutions in the future, or to indeed existing ones, such as mcaptcha.org/ #a11y #accessibility #blind #captcha

I'm happy so many people liked my first article!

Now I wrote about why focus outlines deserve better treatment in web design, and how to make them both beautiful and accessible ✍️

medienbaecker.com/articles/foc…

#accessibility #webdev #webdesign #indieweb

Beautiful focus outlines

Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.

^{Thomas Günther (medienbaecker.com)}

Are you in Melbourne today? Come down to Statewide Vision Resource Centre in Donvale and see Sascha and Quentin, learn about what's new with NVDA, and check out everything else at SVRC's Tech Expo!

#NVDA #technology #accessibility

@TPGi is looking for a Full-Time, Remote in US Accessibility Engineer. The core responsibility will be to Perform accessibility evaluations of web pages, desktop applications, mobile apps, and other emerging platforms. Interested? Please send your resume to Careers@TPGi.com.

buff.ly/3CwPjRu

#Jobs #A11yJobs #AccessibilityJobs #DigitalAccessibility #Accessibility #A11y

Accessibility Engineer - TPGi

Accessibility Engineer Full-Time  //  Remote in US Primary Function The Accessibility Engineer will advise our clients on how to make their digital offerings conform with the standards of accessibility and...

^TPGi

Finished @viscousplatypus’s “The Accessibility Operations Guidebook” this morning. Probably a good idea to read if you do digital accessibility and want to scale up your impact. I recommend.

This quote from a former independent consultant who has become an employee really lands.

Info on The Storygraph:
app.thestorygraph.com/books/82…

Buy (I did the Payhib ebook but read it on my Kobo; no Amazon in this house):
devonpersing.netlify.app/book/

#a11y #accessibility

Some of the most common #accessibility issues I see in the shortlist of 300-400 sites (filtered from 10 million):

• Links only distinguishable through a hue change. I consider links discernible through page structure (e.g. simple navbar links) exempt, but for in-text links we need to see the beginnings and ends of their interactive regions. Underlines work; outlines are another approach I’ve seen.
• No landmarks, or stuff outside landmarks. Everything should be in a landmark: header, main, section, footer, and/or aside are what you typically want on the top-level, directly under body. main is the most important.
• Misuse of or missing headings. Your page needs one (yes, one) h1 that titles the page, not your entire website. Don’t skip heading levels just to get smaller text. Don’t use headings for stylized text. A lower heading following a higher heading looks like a subtopic of the higher heading, not its own thing.
• Contrast. I recommend the APCA contrast tool. Don’t lose sleep over the occasional superscript having barely sub-optimal contrast; focus on bigger issues if you’re 99% perceptible. Often, background images are the culprit; remember that users override foreground and background colors and may use a different viewport that results in text in front of a lighter/darker part of the background image. Contrast issues with images are nearly impossible to automatically detect with popular tools.
• Focus indicators that are invisible or barely-visible, or rely solely on hue changes.
• Fancy bespoke hidden/toggle-able menus whose hidden items are still accessible via keyboard navigation, making me tab through items I can’t see.
• Interactive items using font icons whose accessible names are unicode code-points, even if the author clearly tried to give them readable names.
• Really unhelpful alt text like “diagram of X” without actually explaining the things being diagrammed, whether in alt-text or a caption.
• Animations that don’t respect prefers-reduced-motion.

Link imperceptibility, missing landmarks, and heading misuse are really common.

A common nit-pick: lists of links (e.g. in nav) would benefit from ul or ol parents.

A common issue that isn’t exactly an accessibility issue: toggles like hamburger menus that require JS don’t work in the Tor Browser’s “safest” mode. I’m looking at simple websites that have no need to exclude anonymous visitors.

Good morning everyone! As you all know if you follow me, I'm a sighted dev whose focus is on accessibility for the blind. I got into the space of accessibility and learned how important it was because I joined an accessibility jam and got first hand experience speaking with blind gamers. So I'm inviting you to the type of jam that changed my outlook! So join the discord for "Games for blind gamers" and ask your questions!
discord.gg/tqQXqX8gEq

#gamedev #accessibility

Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign

Featuring @aardrian, @piccalilli, @yatil, @mgifford, @karlgroves, @seaotta, @jakelazaroff, @theadamsilver, @AlexDawsonUK, @gerrymcgovern, and more.

Anyone have suggestions on where to try to promote the Games for Blind gamers gam jam? We got 110 sign ups last year, and hoping to get more sign ups this year!

itch.io/jam/games-for-blind-ga…

#GameJam #gamedev #indiedev #accessibility

Games for Blind Gamers 4

A game jam from 2025-02-01 to 2025-03-10 hosted by NightBlade. Welcome, Blind and Sighted Game Developers! Welcome to the fourth annual Games for Blind Gamers jam! The goal of this jam is to build awareness of bli...

^itch.io

If you've been looking for that next semi-cheap music-making fix but haven't decided what to get, consider Ableton Move.
If you look at the official videos, literature and documentation, you'd be fooled into thinking that it's not actually accessible. This is incorrect.
It runs a web-server for helping you manage samples,recordings and sets, but it also has an undocumented screen-reader which I demonstrate in this video.
Next to Komplete Kontrol, I can say that this has been the most innovative, fun and game-changing piece of hardware I've owned and I thoroughly enjoy working with it.

#InspiredBySound - Let's Move! (Ableton Move Accessibility Overview) youtu.be/p8IbinbOhY4
Excerpt from Peter Kirn's blog about Move:
‘How do I access Move with a screen reader?
Andre Louis has a walkthrough for you, as pointed out here in comments! And as always, it’s terrific. This is honestly worth a watch for sighted users, too, to understand how these interactions work – and it’s required viewing if you work in instrument design.’
cdm.link/ableton-move-guide/
#Ableton #AbletonMove #Accessibility
#ScreenReader #A11y #Blind

Ableton Move guide: tips, tricks, questions answered, hacks - CDM Create Digital Music

Move, the all-new compact all-in-one hardware platform from Ableton, got your attention - whether you loved it, hated it, or just weren't sure.

^{Peter Kirn (CDM Create Digital Music)}

Now I’m grieving. Soon(ish) it’s back to the work of #accessibility and inclusion.

Here’s what I wrote the day after the U.S. election: lflegal.com/2024/11/harris-def….

Today We Grieve

So many swirling emotions today. November 6, 2024. The day after the United States elected its first felon, a man who is transparent and loud in his cruelty, racism, and disdain for women and their bodies.

^{Law Office of Lainey Feingold}

A few months ago I wrote about how I approach alternative text for images and tried to offer context for each of my considerations.

“My Approach to Alt Text”

adrianroselli.com/2024/05/my-a…

I also link other resources that are not mine.

#a11y #accessibility

My Approach to Alt Text

I ran across a survey from Tilburg University on the experiences and perspectives of image describers. It asked what process I follow to write image alternative text, and it occurred to me that I don’t use a checklist or guideline anymore.

^{Adrian Roselli}

New blog post! 📝

"My anti-overlay client letter" — I'm often asked about accessibility overlays, and this is the email I send to clients when that discussion gets serious.

It may be helpful to others making the case against overlays and laying down the facts.

alistairshepherd.uk/writing/ac…

#webdev #accessibility

My anti-overlay client letter - Alistair Shepherd

I really dislike accessibility overlays and am often asked about my thoughts or to implement one. This is my email response when that discussion gets serious.

^{Alistair Shepherd}

Want to learn about how to use and run accessibility testing with NVDA?

Our friends at @intopia have an upcoming Public Training Course which kicks off on Tuesday 12th November.

The course involves 3 x 2 hour sessions over 3 weeks.

The course is very hands-on with activities throughout each session. Learn how to quickly setup & use NVDA for #A11y Testing, navigation, exploring graphics, elements, forms & more!

Full info & registration: lnkd.in/g9rZCJvN

#Training #Accessibility

Don’t expect Chrome to support keyboard-operable scrolling regions until (maybe) version 132 (anchor link):
adrianroselli.com/2022/06/keyb…

Only 14 versions past its target release!

#accessibility #a11y

Keyboard-Only Scrolling Areas

I have spent a few years banging on about ensuring scrolling areas on a page are accessible to keyboard-only users.

^{Adrian Roselli}

Are you interested how to use Apple notes as an #accessible graphing calculator? Check out this post

nunonuno.micro.blog/2024/11/04…
#accessibility #apple #blind #ios #math #education #tech

🤐disabled and obscured

"My personal take on this is it sucks, as while the control is disabled for all, only for a subset of users (low vision) the text label for the disabled control is illegible."

#a11y #HTML #WCAG #accessibility

html5accessibility.com/stuff/2…

💟 1 year ago today I joined TetraLogical, the best group of #accessibility practioners I could ever wish to work with.

If you need practical, expert advice, you know where to get it 🖖🏽

tetralogical.com/services/

Services - TetraLogical

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

^TetraLogical

Yesterday, my students presented our work at the ACM ASSETS conference. "Not Only Annpying. But Dangerous": Devising an Ecology of Protections for Photosensitive Social Media Users" dl.acm.org/doi/abs/10.1145/366…

In this study, we investigate prior work, conduct survey inquiries, and use co-design methods to explore how social media design choices influence exposure to dangerous flashing content which can trigger seizures, migraines, nausea, and disorientation for photosensitive users.

Through our analysis, we identify the current ecosystem of flashing content on the Internet, and propose a more robust ecology of protections, including on-device graphics filters that directly edit pixels buffers to prevent flashing before it occurs.

First, existing WCAG guidelines against auto-play of media need to be enforced. Second, users should have device level control over animation that may trigger flashing, and this control shpuld not be able to be reset by platforms that try to enforce autoplay to support their own ad revenue. Third, other users need to be aware of what makes content dangerous, so thay they may stop circulating it and causing accidental exposure. Fourth, creators need to know what makes content dangerous, and how they can test for danger, to prevent them from creating dangerous media in the first place. This includes corporate creators, like movie studios, whose ads for acrion movies have been a recent source of autoplaying strobing content in movie trailors posted via ad platforms. Fifth, platforms, including GIF libraries, but also all social platforms, need to implement reporting mechanisms specifically for flashing content which can remove that content from circulation. Sixth, there should be actual penalties for platforms and creators that do not react to, correct, and remove dangerous content, or who force auto-play on users.

And seventh, device manufacturers and operating system developers need to create on-device filters that eliminate flashing through simple real time post-processing. Machine Learning classification and prediction algorithms ARE NOT NECESSARY. We can do this with simple math. Yes it may sometimes look weird. But also people won't be dying in their sleep.

This work is very important to me, and I've been working on it (on the side) since 2017. I wasn't allowed to pursue it fully as a graduate student. As faculty, I still had to string the project together on wishes. And I'm still looking for a collaborator to work on the implementation, though if industry would just get their shit together and do it themselves, that'd be great.

#ASSETS2024 #accessibility #Epilepsy #migraine #photophobia #photosensitivity #NEISVoid #graphicsProgramming

“Not Only Annoying but Dangerous”: devising an ecology of protections for photosensitive social media users | Proceedings of the 26th International ACM SIGACCESS Conference on Computers and Accessibility

^{ACM Conferences}

Happy birthday to ARPANET, the forerunner of the modern internet! 53 years ago, the first message was sent over this pioneering network, paving the way for a world of interconnection and innovation.

As a tech enthusiast, I am constantly amazed by the ways the internet has transformed our lives, allowing us to communicate, learn and share ideas across boundaries and borders. From social media to e-commerce, from telemedicine to remote work, the internet has become an essential part of our daily routines, enabling us to connect with others and access a wealth of information at our fingertips.

#ARPANET #InternetAnniversary #Transhumanism #TechInnovation
#InternetHistory #Networking #DigitalRevolution #Innovation #Communication #Cyberculture #OnlineCommunity #TechHerstory #NetNeutrality #OpenSource #Decentralization #DataPrivacy #Cybersecurity #DigitalRights #Accessibility #Inclusion #SocialImpact #DigitalTransformation #FutureTech #TechOptimism #InternetOfThings #AI

🔗 ethw.org/Milestones:Birthplace…

🎶 **Excited to Share My New Arrangement of "Thriller" by Michael Jackson!** 🎶

I had so much fun making this track come to life in my own style and couldn’t have done it without the amazing gear and incredible people who helped along the way!

**Special Thanks To:**
- **Viscount International** 🎹 for that iconic organ sound—big shout-out to Delroy White for taking it up a notch with some custom tweaks.
- **Yamaha Drums** 🥁 bringing the heartbeat of this track.
- **Audix Mics** 🎤 for capturing the drum sound perfectly.
- **Pianoteq** for that smooth Rhodes sound in the background, adding that perfect touch.
- **Nord** 🎹 used the Stage 4 for some awesome Clav sounds.
- **Surge Synthesizer** 🎛️ powered up tons of synth sounds! Surge is fully accessible and open-source, and for all my blind producers, this one is a must.

Shout out to Mike Gardner for making it all sound amazing with the final mix!

Check out these links to all the fantastic companies that helped bring this track together:

🎹 Viscount International - [viscount link]
🥁 Yamaha Drums - [yamaha link]
🎤 Audix Mics - [audix link]
🎹 Pianoteq - [pianoteq link]
🎹 Nord Keyboards - [nord link]
🎛️ Surge Synthesizer - [surge link]

**#Thriller #MusicProduction #ViscountOrgan #YamahaDrums #AudixMics #PianoteqRhodes #NordStage4 #SurgeSynth #BlindMusician #MichaelJackson #MatthewWhitakerMusic #Accessibility #MusicForEveryone**

What do people think of this response to ‘generate detailed Alt Text’ by Gemini:

Here is some detailed alt text for the image you provided:
Alt Text:
A large, menacing grey cat, reminiscent of a monster, stands on its hind legs with its front paws raised. It has glowing yellow eyes and a wide, toothy grin. The cat is surrounded by a fiery aura as it emits a powerful beam of energy from its mouth. The beam is directed towards the Empire State Building in New York City, which is engulfed in flames. The city skyline is visible in the background, with tall buildings and smoke rising from the destruction. The overall tone of the image is chaotic and destructive, evoking a sense of fear and awe.
Additional Notes:
• You may want to adjust the description of the cat's appearance based on its specific characteristics.
• If the image is part of a larger context (like a movie poster or book cover), you could add a brief reference to that context.
• The alt text should be concise and informative, providing a clear description of the image without being overly detailed.
Let me know if you have any other questions.

#Accessibility #AI #AIsoftheBlind #AltText #Blind #ComputerVision

After 6 years – we finally got to close our longest-running #accessibility ticket in Wagtail, github.com/wagtail/wagtail/iss…. Thank you @mush42 for reporting this initially. We benefitted immensely from your accessibility expertise and first-hand experience with a screen reader ❤️

This was the ticket I created our "accessibility" ticket triage label for. 38 of those still opened, 165 closed. Kick-ass!

Making Wagtail Accessible for users with disabilities · Issue #4199 · wagtail/wagtail

Hello everyone, After reading the docs, I've decided to use Wagtail on one of my personal projects. Since I'm blind, I've discovered that my experience on editing content would be rather unpleasant...

^GitHub

It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties — Adrian Roselli

Grat article with tons of updates on this topic. Thanks @aardrian

adrianroselli.com/2022/07/its-… #a11y #accessibility

It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties

It was late 2020 when I last tested how browsers use CSS display properties to break the semantics of elements.

^{Adrian Roselli}

Remember in August when I gave a talk about HTML tables for the WebAIM online conference?

That video is online!

I have embedded it on my site:
adrianroselli.com/2024/08/talk…

Or you can go to YouTube directly (where you can find the other swell talks from that day).

#accessibility #a11y #HTML

Talkin’ Tables — WebAIM Conference 2024

I spoke at the 2024 Web Accessibility in Mind Conference (in partnership with PopeTech). As soon as the video is available I will embed it.

^{Adrian Roselli}

For me, @joplinapp@mastodon.social is the most important #ToDo and #wiki tool for my efficient daily #work and #organization.

With the new version, there are some improvements for #accessibility, such as the use of #screenreaders.

I hope #blind people can enjoy this #app.

github.com/laurent22/joplin/is…
#OpenSource #a11y

Accessibility: Comply with WCAG 2 · Issue #10795 · laurent22/joplin

Summary [ Progress: Desktop ] | [ Progress: Mobile ] This issue tracks general accessibility issues in Joplin mobile and desktop and its progress on WCAG 2.2 compliance. About the WCAG The WCAG (We...

^GitHub