photog.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
🌈 An inclusive place for your photos, silliness, and convos! 🌈

Administered by:

Server stats:

249
active users

#a11y

27 posts24 participants5 posts today
Thinking about plaintext #accessibility...

I recently set up #GopherProtocol on my retro server. Gopher is, for the most part, a strictly plaintext medium, which one would assume is great for accessibility. It is, however, common to liven things up a bit with a little ASCII art (well, technically ISO 8859-1 art, or ANSI, or UTF-8...) and I'm wondering just how hard that is on #ScreenReader users. I myself have a little figlet header on my root menu.

A question for those affected: is decorative text a serious #a11y barrier?

Cap ou pas cap ?

Passer une journée (ou plus !) en forçant le soulignement des liens, pour mieux faire tomber les masques de ceux qui se déguisent en boutons, ou des boutons qui se déguisent en liens.

New on the blog:

“CSS-only scrollspy effect using scroll-marker-group and :target-current”

sarasoueidan.com/blog/css-scro


A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y

www.sarasoueidan.comCSS-only scrollspy effect using scroll-marker-group and :target-current— The personal website of Sara Soueidan, inclusive Web UI engineer

Je reste surpris par le rendu par défaut de details-summary des navigateurs.

Aucune « affordance » renforcée, comme celle du lien par exemple (souligné, bleu, avec cursor pointer). Juste une petite flèche noire qui pourrait pratiquement se confondre avec une puce de liste.

Aucards, application dispo sur #fdroid pour afficher clairement sur l'écran du tél. des mots ou séries de caractères, est bien en cas de fatigue, où j'aurais besoin de dire des choses importantes (du genre "où les toilettes svp")
J'ai peut-être pas vu d'autres fonctionnalités, ou c'est peut-être tout ce qu'il y a...

lien : apt.izzysoft.de/fdroid/index/a

IzzyOnDroid Repo Browser„Aucards“ – IzzyOnDroid F-Droid RepositoryCreate reusable cards for quick access when non-verbal communication is needed.

Anyway. It's great that you're even thinking about this stuff. Most web developers simply don't. Until they get sued.

Do your best, keep it in mind. If you do that, disabled users will really appreciate it. Because their current experience of the web is overwhelmingly crap.

And if your site is more usable than your competitors' ... that gives you an advantage. You can reliably reach at least 25% more users.

#a11y

@markwyner

Replied to David O'Brien

Also you probably don’t want to use description lists (dl) in this case, they come with additional announcements that are not really suitable to navigation items. A simple nested unordered list (ul) in a navigation element (nav) is sufficient.

#a11y (2/2)

Using aria-current is preferable.

If there is no <a> element, it's not keyboard-focusable. For screenreader users, it would be omitted entirely from tab order, or from a list of links.

For sighted keyboard users, skipping past it in navigation would be strange behaviour.

For this reason, you need to also give a visual indication that this is the current page, they won't have access to aria-current information.

#a11y

@markwyner