Figma has really outdone itself in demonstrating how “separate but equal is inherently unequal” applies to software.

For folks who aren’t aware, Figma does not present its content in a method screenreaders can access. In order to read a Figma at all, you need to put it into screenreader mode by entering a special command. Here is the screenreader alt text provided by Figma, telling you the special command.

Please consider presenting this design for a better screen reader experience. To do so, use the keyboard shortcut Ctrl+Alt+↩ .

What the hell is this supposed to mean?!

For folks who might be unaware of every relevant development in the emoji space since 1993 (and shame on you, really) the symbol at the end was originally called “Leftwards Arrow with Hook,” but has since been updated to be called “right arrow curving left.” These are the labels used for this symbol in the screenreader’s TTS dictionary. Thus, when a screenreader user reads this symbol, they will be told it is one of those two things. Super helpful, right?

Googling this symbol describes it like this:

An arrow pointing to the left, with a curved hook at the other end. Similar in appearance to a sideways U Turn symbol, or a reply icon in an email application.

This unfortunately does not give you the context you need, which is that the shape is equivalent to a return key. You know, the key that is shaped like an arrow facing left with a hook at the bottom? The kind that most modern keyboards don’t have?

The key combination is control + alt + enter, but for some reason, they went with a pretty looking symbol rather than writing out the word “return.” For this string specifically intended for screenreader users, who… can’t see the screen. I cannot emphasize this enough–this is the first thing you must do to use the product! Unless you perform this step the entire figma view is read as “clickable blank.”

That they chose this path, and that no one has been able to correct it, speaks volumes.

Anyway, I’m sure this whole design philosophy doesn’t have any impact on the way people think about accessibility while they are making designs in Figma, or the end products of designs that come out of Figma. It’s just a minor technical problem that needs to be solved by the technical people! Someday. Whenever they get around to it. I mean. I got around it just fine. I’m sure everyone else will too. Low pri.

Happy Friday, everyone.
@drew i test shit in figma all the time, its the bigest apin in my ass and i hate it second on the list is h capture
@drew On the other end of the scale, you have Google which uses ctrl+alt+z, which is all fine and dandy except when that shortcut is used to put a diacritic on your keyboard layout.
@miki Doesn’t docs still use ctrl+alt+n for “next” in their idiotic layered keystroke scheme? I told them that NVDA people would never ever unbind the shortcut, they did not listen. Alas.
@drew I don't think I've ever seen that one, but that's another one we have diacritics for.
@drew and funnily enough, NVDA's installer has to have an edge case to make the shortcut different on a Polish system.
@miki I am just saying, at least they did not go with “to enable screenreader mode, press ctrl+alt+U+005A.”
@drew The absolutely bizarre thing is that on iOS because of it having probably Apple's own emoji descriptions, it says "return" for that symbol.
@KaraLG84 Amazing. Points scored for Apple!

@drew some keyboards still have the big return key, although it’s not a thing in the US. You have to get an ISO keyboard layout which is used in the UK and EU and probably other countries but I’m not sure.

In any case, this is the bullshit that will make me not buy a companies product. Accessibility is not an afterthought. It’s a core part of the UX and should be treated as such.

@PepperTheVixen The thing is I think this goes beyond figma itself, which is why I spent so much space ranting about it. Figma’s a design tool people use to spec out how a UI flow should look/act, which an engineer will then implement. I think it’s fair to say the way your chosen design tool presents things will naturally impact how you design the thing. And the Figma people are doing stuff, they have accessibility plugins you can run to flag errors, templates, etc. But this is clearly an outwards-looking-in approach with zero follow-through on whether or not it is effective.