nicol, to accessibility
@nicol@social.coop avatar

Less than a week to go until #CiviCamp & #CiviSprint Hamburg (where I'm presenting).

I wrote this after the big progress at the Ashbourne Sprint last December - https://civicrm.org/blog/nicol/theming-and-accessibility-age-formbuilder-and-searchkit. This was followed with a big push at the Montreal (virtual for me) Sprint in February to finally make all of CiviCRM's 20 years of different markup/JS patterned accordions accessible – without JS! This dropped in #CiviCRM 5.72: https://civicrm.org/blog/dev-team/civicrm-572-release and seems to still be issue-free two months on. #a11y

patrick_h_lauke, to accessibility
@patrick_h_lauke@mastodon.social avatar

missive from the swimming pool: while i take a little break before all the stress starts, reminder that the @inclusivedesign24 call for presentations is still open until 7 June https://inclusivedesign24.org/2024/ (and a side note: we pay our speakers for their time and effort, that's what most of our supporter money goes to)

stvfrnzl, to accessibility
@stvfrnzl@mastodon.online avatar

The recent #UXCollective #newsletter had a sponsored post for #FigmaToWebsite by #DivRiots.

I wondered how they ensure that the output is accessible, because in the description I only found "#Accessibility features" under "Ready for production", nothing else.

So I wrote them an email asking to elaborate how they tackled #a11y for their product. Eagerly anticipating their answer!

https://www.figma.com/community/plugin/1329237288766226289/figma-to-website

#figma #design #ui #ux

Natouille, to accessibility French
@Natouille@mastodon.tetaneutral.net avatar

(pas moi)

L'Atelier numérique du ministère de la Culture cherche une ou un designer expert, experte accessibilité pour concevoir une plateforme destinée aux usagers en situation de handicap visuel afin de leur rendre accessible les œuvres cinématographiques via l’audiodescription.

https://www.welcometothejungle.com/fr/companies/communaute-beta-gouv/jobs/designer-expert-experte-accessibilite_paris

Mission en Freelance

deconspray, to accessibility
@deconspray@mastodon.social avatar

Before designing a website, or even making a small change to an existing one, ask if your design choices consider the needs of people with color blindness. Changing the button color on your website may seem insignificant, but it could make that website inaccessible to nearly 8% of men and 0.4% of women who have color blindness.

https://buff.ly/3A0rWcU

deconspray, to accessibility
@deconspray@mastodon.social avatar

Event accessibility: Making every occasion inclusive for all

https://buff.ly/3KhNvMJ

MuseumShuffle, to SwiftUI
@MuseumShuffle@mastodon.social avatar

I just realized that if you're formatting to an abbreviated weekday then VoiceOver (at least Ava and Zoe Premium) will only fully pronounce some of the days.

I guess it's because the ones that aren't pronounced are actual words with other meanings? 🤔
Text(oneShowDay.formatted(.dateTime.weekday(.abbreviated)))

A simple app progressing through the abbreviated weekdays backwards starting with Friday.

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Interested in speaking at WP Accessibility Day? Virtual event October 9. Submit a preso here: https://2024.wpaccessibility.day/speaker-application-2024/

MoritzGiessmann, (edited ) to accessibility
@MoritzGiessmann@mastodon.social avatar

I’ll do more freelance Accessibility Work in the future!

🧑‍💻 Accessibility Audits and Reviews
🧑‍🏫 Accessibility Talks and Workshops
♟️ Accessibility Strategy Development
🖥️ Semantic-HTML Audits
✨ UX Reviews
⚡️ Web Performance Audits

If you think we could be a match, I’m just a mail away: https://moritzgiessmann.de/blog/work-with-me/

Sharing this post would mean the world to me 🙏❤️!

masukomi, to accessibility
@masukomi@connectified.com avatar

I've just pushed a bunch of #accessibility changes for screen readers to the main branch of FediThready. ( It makes long texts into post sized chunks)

I've run through it with #VoiceOver and it seems ok. HOWEVER it all feels like it's "usable" instead of "good".

If there's a #a11y geek out there who uses screen readers regularly I would REALLY appreciate some suggestions on how to make this actually feel good for folks who rely on screen readers.

https://github.com/masukomi/fedithready

peterreeves, to accessibility
@peterreeves@mstdn.social avatar

It's always so frustrating when all the web accessibility content only talks about text heavy websites and forms. Like yes, I get it, I should have alt text on images. But there's so little information about how to build accessible web apps. What do I do if 80% of my page is a WebGL canvas and the other 20% is all buttons/sliders? How do I structure this if there is basically no "regular text" on the entire page?

puneetsiinghal01, to accessibility
@puneetsiinghal01@mastodon.social avatar

Accessibility isn't a luxury or a burden—it's essential and affordable.

The negligence and indifference embedded in current designs are a direct affront to inclusivity and equity.

It's time to stop treating accessibility as an afterthought and recognize that without it, everything remains fundamentally broken.

goulet, to webdev
@goulet@techhub.social avatar

Should I use ::after pseudo-element to add a sort order indicator?

It feels like it's not very accessible because the semantic HTML content doesn't actual contain the sort indicator... but the way I'm conditionally adding it is by reading the aria-sort attribute so maybe that's the accessible part of things and the ::after content doesn't need to be SR-friendly 🤷

<th aria-sort="ascending">  
 <button>Name</button>  
</th>

<style>  
 th[aria-sort="ascending"] > button::after {  
 content: '▼';  
 }  
</style>  

aardrian, to accessibility
@aardrian@toot.cafe avatar

Chrome / TalkBack bug I first reported in 2020, and which was fixed for a time (?) appears to be back. Looking for confirmation before I file yet another one.

A named region with a tabindex does not expose its contents. Chrome / TalkBack only announces its accName and role.

I think I have an ugly workaround (“Shawarma” heading).

Test case:
https://codepen.io/aardrian/pen/ExzyadL

Similar to issue I filed earlier this month, which I limited to APG tab panels.

aardrian, to accessibility
@aardrian@toot.cafe avatar

Folks.

I am once again a bronze supporter of Inclusive Design 24.

I want to see all of you presenting cool stuff (and making me look good as a result), but you won’t get that chance if you don’t submit before 7 June.
https://inclusivedesign24.org/2024/

Prior years are up there if you want to see the range of talks that have been accepted in the past.

#a11y #accessibility

MuseumShuffle, (edited ) to accessibility
@MuseumShuffle@mastodon.social avatar

During her presentation at @DeepDishSwift my jaw hit the floor when Kim Arnett said that not supporting landscape in your app could be an accessibility problem.

I started taking some baby steps towards supporting landscape mode in Please Don't Rain.

Edit: Fixed the background color not extending fully to the left and right by adding .edgesIgnoringSafeArea(.all) to the Color in my .background modifier.

Jeremiah, (edited ) to webdev
@Jeremiah@alpaca.gold avatar

I was curious about what percentage of people visiting my site had set preferences for light/dark mode, reduced motion, or increased contrast. I also wanted to know what percentage had HDR support.

I figured out how to do that custom tracking with @plausible and wrote a tutorial.

https://www.jeremiahlee.com/posts/plausible-accessibility-tracking/?source=Mastodon

#WebDev #a11y #WeblogPoMo2024

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar
NVAccess, to accessibility
@NVAccess@fosstodon.org avatar

Access for All: Two friends helping change opportunities for blind people with an open-source screen reader for all. Now on Microsoft Unlocked: https://unlocked.microsoft.com/nvda/

koena, to accessibility French
@koena@mastodon.social avatar

🎂 Happy birthday ! Il y a 25 ans le 5 mai 1999 est publiée la 1ère version des Web Content Guidelines, les normes internationales pour l' du . @w3c https://buff.ly/4bJDMdL

gee, to accessibility French
@gee@framapiaf.org avatar

[Nouvelle BD rendue accessible] Dites adieu aux kilos en trop

Bon alors, pour en finir avec cette question : dans 1 ko, il y a 1000 octets ou 1024 octets ? Eh bah… c'est un peu compliqué. Je vous explique tout ça.

▶️ Lire cette BD : https://grisebouille.net/dites-adieu-aux-kilos-en-trop/
📗 Grise Bouille, Tome VI : https://editions.ptilouk.net/gb06
❤️ Soutien : https://ptilouk.net/#soutien

BD animée Un mec derrière son ordi dit « Alooooors, voyons ce que je peux mettre sur ce CD de 650 mégaoctets… » Puis il s'énerve soudain : « Hééééé ! Pourquoi il n'y a que 620 mégas de disponibles ?! C'est de l'arnaque ce truc ! »

juliemoynat, to accessibility French
@juliemoynat@eldritch.cafe avatar

Le mode sombre et le mythe de l'accessibilité (titre original "Dark mode & accessibility myth"), un article de @stephaniewalter où elle explique que le mode sombre pose des problèmes d'accessibilité à certaines personnes alors que tout le monde pense que le mode sombre serait mieux pour l'accessibilité…

Hé oui, ce n'est pas le cas pour tout le monde ! Elle sait de quoi elle parle, et moi aussi, parce que lire sur fond sombre est terrible pour nous.

La solution : laisser le choix entre mode clair ou mode sombre !

À noter qu'il est beaucoup plus facile pour les utilisateurices de changer un site qui ne laisse pas le choix en le passant du mode clair vers le mode sombre que l'inverse car les extensions pour passer au mode clair n'existent pas.

Donc si seul le mode sombre existe sur votre site web et que le mode lecture de Firefox n'est pas activable (il est activable sur les articles uniquement et des fois, sur certains articles, ça ne fonctionne même pas), je ferme votre site direct.

(PS : ne venez pas m'expliquer que vous avez besoin du mode sombre à tout prix. Il n'est pas dit ici qu'il ne faut pas avoir de mode sombre.)

https://stephaniewalter.design/blog/dark-mode-accessibility-myth-debunked/

cssbasics, to accessibility
@cssbasics@hachyderm.io avatar

A Brief Note on Highlighted Text: "You must give it sufficient contrast — 3:1 for the highlight block against its background and (probably) 4.5:1 for the text within that highlighted block against that background." https://adrianroselli.com/2024/05/a-brief-note-on-highlighted-text.html

InsaneAtheist, to accessibility

For those of you who demanded that make their app more friendly, you got your wish. There's a new update out for it today. Please feel free to boost for those who don't already know. You're welcome. Smiley

access42, to accessibility French
@access42@social.a11y.fr avatar

Blog 📝 — Vous ne comprenez pas pourquoi vos zones live ARIA ne sont pas restituées par les lecteurs d’écran ?

Découvrez des pistes d'explications dans ce nouvel article de notre collègue Cécile Jeanne !

https://a42.fr/aria-live-regions-restitution

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • khanakhh
  • kavyap
  • thenastyranch
  • everett
  • tacticalgear
  • rosin
  • Durango
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • InstantRegret
  • Youngstown
  • slotface
  • anitta
  • ethstaker
  • ngwrru68w68
  • cisconetworking
  • modclub
  • normalnudes
  • osvaldo12
  • cubers
  • GTA5RPClips
  • Leos
  • tester
  • megavids
  • provamag3
  • lostlight
  • All magazines