Demonstration: Various ways of handling extremely long image descriptions
Demonstration: Various ways of handling extremely long image descriptions
Again, this post goes out to both the #Threadiverse and the rest of the #Fediverse.
I've decided that only writing about my problems with #AltText and enormous #ImageDescriptions won't work as well as actually demonstrating what I mean, and why it's a problem.
Preamble: Some of you may see me on #Lemmy. But I'm not on Lemmy.
Others may see me in their local or federated timelines on #Mastodon. But I'm not on Mastodon either.
I'm on #Hubzilla (official website) which is part of the Fediverse and federated with Mastodon, Lemmy and just about everything else. It has almost unlimited possibilities. But while I can do a lot here, especially Mastodon is deliberately incapable of displaying most of it.
For example, I can write posts that are tens of thousands of characters long, and I can write alt-texts that are almost as long as the posts can be. But while Mastodon can still show posts from outside unshortened, no matter how long they are, it has a hard cap of only 1,500 characters for alt-text which, as far as I know, is applied to alt-texts on images in posts that come in from outside Mastodon as well.
Also, I can embed as many pictures as I want in Hubzilla posts, and I can actually embed them. I can place them wherever I want in-between the paragraphs. I don't necessarily have to put them at the end. Mastodon, on the other hand, knows pictures only as file attachments which it puts below a toot. And Mastodon toots can only have a maximum of four file attachments.
Lastly, I know that the vast majority of Mastodon users use Mastodon through a dedicated app on a mobile phone. Whenever they tap a link, it will open their Web browser. I also know that mobile Mastodon users tend to see their Web browser popping up as a nuisance, and they'd rather avoid to use their Web browser and experience the Fediverse in its entirety in their Mastodon app without anything else opening.
These are limiting factors, some of which will play a role in this demonstration.
Now, to get to the topic which I've already ranted about here and, most recently, here.
I'm stuck in a situation that's a combination of these factors:
One, the Fediverse demands I comply with its #accessibility requirements at the behest of #blind and #VisuallyImpaired users, otherwise I'll be sanctioned in some way. And I'm not the one to skimp on this. I'd rather try to satisfy everyone's needs. I'd rather have people tell me that what I've done is complete and utter overkill than that what I've done isn't sufficient.
Two, while some are satisfied with a short and concise alt-text, others ask for full descriptions of pictures with everything in them plus explanations for those who are unfamiliar with what's shown in the picture.
To give you an example, here is an actual Mastodon toot from a few weeks ago. I have re-shared this post a few times already, but I can't expect everyone who reads this post to have seen it before. I've used Hubzilla's own built-in standard re-sharing feature to automatically put it here into this post:
----------
<img alt="Stormgren" src="https://hub.netzgemeinde.eu/photo/6994864a-99ce-4db2-974d-0733299644ef-6" height="32" width="32" />Stormgren wrote the following post Mon, 03 Jul 2023 18:20:44 +0200
Alt-text doesn't just mean accessibility in terms of low -vision or no-vision end users.
Done right also means accessibility for people who might not know much about your image's subject matter either.
This is especially true for technical topic photos. By accurately describing what's in the picture, you give context to non-technical viewers, or newbies, as to exactly what they're looking at, and even describe how it works or why it matters.
#AltText is not just an alternate description to a visual medium, it's an enhancement for everyone if you do it right.
(So I can't find any prior post of mine on this, so if I've actually made this point before, well, you got to hear a version of it again.)
----------
In case you didn't get a link to the account this post came from and/or to the post itself, here is a link to the post.
Besides, just look through posts with the #AltText tag on them, and you'll see many with very elaborate and detailed descriptions, albeit often of not-so-detailed pictures, but still. So this is actually happening, yes. Not only that, but fully-detailed image descriptions are often actually praised rather than criticised.
Three, alt-text and #ImageDescription rules demand all text in a picture be transcribed in their entirety, word by word.
Four, I often post pictures that, taking the above into consideration, require very extensive descriptions because there's just about absolutely nothing in them which my audience is familiar with. My pictures are usually taken inside a virtual 3-D world based on #OpenSimulator because that's what this Hubzilla channel is mainly about. But out of probably over 13 million Fediverse users, maybe two or three dozen are familiar with #OpenSim worlds in general, and all the others aren't. And I can often hardly expect even three or four of them to be familiar with that particular place where I've taken the picture. Let's say these places are far from being as well-known and as not requiring description or explanation as Times Square, the Eiffel Tower or the Sydney Opera House. And if people don't know something, they need it described.
Five, I don't always post pictures like on Instagram or Pixelfed. That's when you make posts with pictures, and the posts are about the pictures. I sometimes use pictures as illustrations for posts which are not about these pictures specifically. In fact, these pictures are actually optional. Unlike in the former case, full image descriptions in the visual part of the post are bad style in this case.
So much about my situation.
What I'm going to do now is demonstrate multiple ways in which a certain picture that requires a very extensive description can be described in a post. None of them will be perfect. Each one of them will have its shortcomings which I'm sure will discriminate against someone out there.
The image in question can be found through this link. I have deliberately linked to the picture rather than embedded it here in order not to have to provide an alt-text that's sufficiently satisfying for everyone in this post already. The follow-up posts will be about describing this picture. Thus, they will all contain a description of the picture, and at least one of them is very likely to provide a full image description in the post body that should be accessible to everyone on every Fediverse project.
The image was first used in a post from over a year ago (link to the post) in which I've mentioned that the Metropolis Metaversum, one of the oldest OpenSim grids, has finally shut down after 14 years of operation, a few days later than scheduled. The picture shows my Metropolis avatar waving at the camera one last time before the grid, and the avatar with it, comes to its end.
Due to how detailed the picture is, due to how many objects with text on them are in the picture, and due to how almost absolutely nobody who may come across this picture will know anything in it, a full description at a detail level similar to describing a single bird in front of a blurry background plus explanations where explanations are necessary plus a full set of transcriptions can only be enormously long.
In the original post, the picture doesn't have an alt-text.
So what I'm going to do now is create multiple remakes of this post with the same wording and the same hashtags. But this time, I'm employing different techniques from remake to remake to include an alt-text and/or a full image description.
For this purpose, I've taken an image description which I've written several days ago, which already had 10,985 characters. I had actually gone in-world and visited a static memorial copy of the location shown in the picture to describe details that are practically invisible, but still theoretically visible in the picture. I've re-worked this description a bit and and expanded it even further. I've also found pictures of the big black sign behind the tree trunk and managed to transcribe it. As what's written on the panel turned out to be in German, I also had to provide a full translation. The only remaining writings within the scope of the picture that weren't transcribed are all on the Windows "screen" of the laptop on the counter of the info desk which is actually a static texture.
When combined into one paragraph, the description has 13,215 characters now.
The variants I'm going to post:
-
Variant 1: short alt-text that only mentions what matters in the context of the post; no description given at all
-
Variant 2: full image description in the alt-text
-
Variant 3: short alt-text announces image description available through a link; full image description available on a separate page
-
Variant 4: short alt-text announces image description; full image description in the text body of the post itself and fully visibly right away
As you will see, each one of them will have serious drawbacks for Mastodon users, for mobile users, for the people for whom we should all write alt-texts and image descriptions in the first place, sometimes for everyone.
#AltText and #ImageDescription demonstration, variant 2, as announced in the start post of this thread (click or tap here)
This post is a demonstrational re-creation of an older post of mine from early July 2022 link to the post). The original includes an image which doesn't have an alt-text, which is extremely detailed, which contains lots of things that most people are unfamiliar with, which also contains lots of barely visible text that is required to be fully transcribed as per alt-text rules, and which therefore should require a very extensive description.
This variant 2 contains a full and detailed image description as the alt-text of the image. In order to be sufficiently informative and transcribe all text in the image, the image description had to grow up to a length of 13,215 characters.
Making it the alt-text will have four disadvantages:
One, #ScreenReaders that cannot navigate through alt-text will ramble on unstoppably for minutes and minutes until they're through the alt-text.
Two, sighted users who can't access alt-text for any reason can't access the image description at all.
Three, Mastodon has a limit of 1,500 characters for alt-text which may be enforced upon posts coming in from outside by a hard cap. So Mastodon may cut off the alt-text at 1,500 characters, at which point the image description has only just begun describing the building in the image. 11,715 characters would be lost, including all transcriptions.
Four, if other projects than Mastodon are theoretically capable of displaying over 13,000 characters of alt-text, it isn't too certain if such a long alt-text can actually be handled and read.
Warning for #ScreenReader users: This post contains an image with an alt-text that can be over 13,000 characters long. You have been warned. Proceed at your own risk.
----------
Post title: Okay. It's over. Metropolis is down.
----------
Metro finally went down about nine hours ago today.
#OpenSim #OpenSimulator #Metaverse #VirtualWorlds #Metropolis #Grid #TheGreatGridDyingOf2022
#AltText and #ImageDescription demonstration, variant 3, as announced in the start post of this thread (click or tap here)
This post is a demonstrational re-creation of an older post of mine from early July 2022 link to the post). The original includes an image which doesn't have an alt-text, which is extremely detailed, which contains lots of things that most people are unfamiliar with, which also contains lots of barely visible text that is required to be fully transcribed as per alt-text rules, and which therefore should require a very extensive description.
This variant 3 offers a full and detailed image description through a link to another page within the same Hubzilla channel on which these posts were made. In order to be sufficiently informative and transcribe all text in the image, the image description had to grow up to a length of 13,215 characters, not counting line breaks and blank lines. The alt-text of the image briefly mentions what's happening in the image and references the link to the image description.
Having the image description separately somewhere else has four disadvantages.
One, accessing the image description requires one extra step.
Two, the image and its description can never be accessed at the same time unless a desktop or laptop computer with sufficient screen space is available.
Three, on mobile phones with dedicated Fediverse apps, the image and its description are shown in separate apps, the image in the Fediverse app, the description in the Web browser.
Four, generally, mobile users have to put up with the Web browser opening so they can read the image description.
----------
Post title: Okay. It's over. Metropolis is down.
----------
Metro finally went down about nine hours ago today.
Here's one last farewell from my Metro avatar, my first avatar.
Link to a detailed description and explanation of the image#OpenSim #OpenSimulator #Metaverse #VirtualWorlds #Metropolis #Grid #TheGreatGridDyingOf2022
#AltText and #ImageDescription demonstration, variant 4, as announced in the start post of this thread (click or tap here)
This post is a demonstrational re-creation of an older post of mine from early July 2022 link to the post). The original includes an image which doesn't have an alt-text, which is extremely detailed, which contains lots of things that most people are unfamiliar with, which also contains lots of barely visible text that is required to be fully transcribed as per alt-text rules, and which therefore should require a very extensive description.
This variant 4 contains a full and detailed image description in plain sight within the text body of the post, and the alt-text of the image briefly mentions what's happening in the image and references the image description within the post. In order to be sufficiently informative and transcribe all text in the image, the image description had to grow up to a length of 13,215 characters, not counting line breaks and blank lines.
Judging purely by #accessibility, this is the best solution by far. However, it has two disadvantages.
One is purely stylistic: The post is not about the picture. The post is about something that happened in the recent past. The picture is only there to illustrate the post a little. In such a situation, an image description would be out of place. Yet, the post which itself would only have about 115 characters is blown up with an image description of over 13,000 characters, increasing its length more than hundred-fold.
The other one mostly concerns Mastodon: In the original, the picture is embedded below the original message text and above the hashtags. In this modification, the picture is still embedded below the original message text, but above the image description because if there's an image description, it should really follow the picture, right? Mastodon, however, can't place images above anything. It can only place them below everything after the end of a post. So you have to read the post body and then go through 13,000+ characters of image description before you come across the actual image that's being described.
----------
Post title: Okay. It's over. Metropolis is down.
----------
Metro finally went down about nine hours ago today.
Here's one last farewell from my Metro avatar, my first avatar.
My avatar in the Metropolis Metaversum, waving a last farewell from the Metropolis welcome building before Metropolis shuts down for good.
The Metropolis Metaversum, Metropolis or Metro in short, was a virtual 3-D world, also referred to as a grid in this context, based on OpenSimulator which is a free and open-source server-side re-implementation of Second Life. It was one of the earliest OpenSim grids and the first one run by Germans, and it was shut down by its owners on July 5th, 2022 between 10:00 and 11:00 AM CEST after 14 years of operation.
The avatar is a light-skinned, dark-haired male adult wearing metal-framed glasses, a dark grey blazer jacket with darker grey shoulders and collar which is buttoned up, a black button-down shirt buttoned up all the way to the collar, a pair of dark black denim jeans and a pair of black full-brogue shoes.
He is standing on the outside platform of level 3, the top level of the building and waving his right hand while having his left hand on his hip. The floor of the platform is standing on the outside platform of level 3, the top level of the building out of four levels altogether. It was also the place where both new avatars appeared for the first time and travellers landed when teleporting in.
The floor is a rusty steel girder that's so coarse that it'd be fairly hard to walk on in real life; here it is only a semi-transparent texture on a solid surface. In front of the avatar is the double railing made of likewise rusty steel that surrounds the platform. Below the platform, the rust-coated structure that carries level 3 can be seen.
Level 3 itself, entirely behind the avatar with the exception of the outside platform, is encased in a glass cupola with a cylindrical lower part and a spherical upper part, both with semi-transparent green reinforcements between what would otherwise appear as single glass panes. The spherical upper part rests on a support ring made of sheet metal panels with rusty outer edges. This ring, in turn, is carried by four triple sets of boxy, rusty steel columns with semi-elliptical cutouts on the far side of the cupola that roughly give the impression of being riveted. One triple set of columns can be seen right outside the cupola to the right of the avatar, another two can be seen in the background to the left and to the right of the avatar.
Within each triple set except the one in the front to the right, there are two passageways into the cupola. Each passageway is surrounded by a greenish metal frame; each pair of these frames carries the marquee "METROPOLIS GRID" made of light grey concrete with blinking white lightbulbs on it on the inside.
A circular structure made of rusty steel pipes is mounted on the inside of the support ring and carries a number of neon lights with rusty sheet metal covers above them. A semi-circular structure made of likewise rusty sheet metal protrudes outward from the support ring above the two columns to the left in the background.
To the left of the avatar and on the front part of the platform, there is a dark grey four-seat bench made of rounded square steel tubes with fine steel girders in them as legs, seats and backrests.
Around the inside of the cupola, there is a narrow strip with a plant-like green and greyish brown texture going all around except for the passageways. The floor inside the cupola gives the impression of cracked grey concrete.
On the left-hand edge of the picture and behind the front set of support columns, there are two greyish-brown rocks with green moss on top; the one behind the columns is almost twice as tall as the one to the left.
Also inside the cupola, behind the four-seat bench, there is the circular info desk with a sign mounted on top and an NPC modelled after the robot Maria from Fritz Lang's 1928 silent movie Metropolis standing on the inside of the desk. Unlike Second Life, OpenSim allows for actual, scriptable NPCs that don't need a running viewer to appear in-world. This NPC, named Bertha, has even basic chatbot functionality implemented.
The sign above the info desk is made from rusty sheet metal, a surrounding frame made of zinc-coated steel tubes which still show some rust and two bamboo poles as supports which are stuck through the bottom horizontal pipe. It can only be seen from behind in this picture. A small red and light brown bird is perched on top of the sign.
What gives the impression of promotional material for both the film and the grid is placed on the counter top of the info desk, the visible face showing Maria's head and the writing "Metropolis Metaversum", as are a red and white strawberry cocktail and a light grey laptop computer with a brushed aluminium case that has a static image of a Windows desktop with the start menu open amongst other things as its screen texture. The red object above the counter top to the left of the NPC is a heart slowly rotating clockwise which provides access to the avatar-partnering feature.
An artificial pond with various plants in it extends from behind the info desk past the front of the larger rock to the next passageway.
To the left of the info desk, there's the walk-in teleporter that leads down to level 2. It mimicks the look of an old CRT screen of enormous size, built into a weathered metal casing with a low dark grey ramp in front of it. The screen on the teleporter shows a part of level 2 with its green floor, dark grey walls and several more teleporters in front of these walls. The yellow writing "Grid Teleport Center" is hovering above the teleporter. On the ramp to the teleporter, there is a black sign that reads, "Wenn Durchgehen nicht klappt, Klicken Sie das Bild zum Teleportieren. When Walk-Through does not work, Click the Image to teleport."
A zinc-coated but slightly rusty metal pipe on top of the teleporter that slowly rotates counter-clockwise carries a special Metropolis sign. The inner part is red with the logo of the film Metropolis and the capital letter M on it, both in white. It is surrounded by a brass ring that separates it from a black area which has more writing in white on it: "DEMOCRATIC REPUBLIC OF FREE VIRTUAL WORLDS" above centre, "METROPOLIS METAVERSUM" below centre and one five-prong star on each side separating the two writings. The outside is another brass ring.
The column between the passageways in the background to the left carries a black sign with group joiners for the Metropolis Newsnet group. The sign has the octagonal red Metropolis logo with a white M in the middle and a white edge around it in the top left corner. To the right of the logo, it is labelled in white, "Metropolis Newsnet Gruppe" which is partly German and translates to "Metropolis Newsnet Group". The writing below reads, "Aktuelle Informationen um Metropolis" and "Ankündigungen, Infos, Events, Fragen und Antworten im Chat" which is mostly German and translates to "Announcements, infos, events, questions and answers in the chat". The small neon green writing at the bottom edge reads, "Klick hier und folge dem Link im allgemeinen Chat, um der Gruppe beizutreten. Im Gruppenfenster JOIN klicken.(Click here to join the Metropolis Newsnet group." The German part of this translates to, "Click here and follow the link in the general chat to join the group. In the group window, click JOIN." Right below the black sign are three clickable white panels with black writings on them, "deutsch", "français" and "english".
A black box with a red top and on each side a large red M and the small red writing "Translator" which contains the Metropolis Translator is offered on a small round red table below the group joiners. The translator is one out of many which automatically translates whatever the user posts in the public chat into another language.
Above the black sign, the lower edge of another sign that lists the Metropolis core team is visible; the rest of the sign is covered by the sign above the info desk.
There is a round concrete structure in the middle of the floor which serves as seating and as a planter for an ash tree with white bark and yellowish and reddish autumn leaves that has grown up to the support ring plus four small green bushes around it.
Four tables with four chairs each, all made of iron painted black plus light brown wooden planks and foldable, are placed irregularly in front of the circular structure with the ash tree. All the way to the right, a blond woman in a black short-sleeved minidress is sitting at one of the tables with another identical strawberry cocktail in front of her. She is a static, unscripted model of Bertha Senior, the former Metropolis greeter.
Right behind the ash tree, there is a black sign with yellow writing on it which announces the unofficial Metropolis farewell party in this location on level 1, two levels further down, in the evening of June 30th which was scheduled to be the last day of Metro's operation. The sign was written in German by the Dutch Metropolis tech admin Neovo Geesink who had installed it only a few days before June 30th, and it reads, "Am Donnerstag der 30. Juni gibt es hier im Metro, Region "*Metropolis*", UND im OSGrid, Region "Metro Memoriam" eine EndParty für das Metropolis Grid. Es startet am 21:00 Uhr Lokalzeit. (12:00 PDT) DJ LadyJo werde am Stream gehen und der Party Hosten. Im "Metro Memoriam" ist auch eine Memoriam / Erdenkungs ort zur Metropolis Hergestellt. Wenn Unvorsehen der Metro bereits Runter gegangen ist, werde der Party jedoch im OSGrid am "Metro Memoriam" statt haben. HG adresse für die Karte nach der Region im OSGrid: hg.osgrid.org:80:Metro Memoriam Oder klicken Sie diese Tafel an um direkt zu Teleportieren. Neovo Geesink."
This translates to, "On Thursday, June 30th, there is a party to celebrate the end of the Metropolis Grid here in Metro, region "*Metropolis*", AND in OSgrid, Region "Metro Memoriam". It starts at 21:00 local time. (12:00 PDT) DJ LadyJo will enter the stream and host the party. Also, at "Metro Memoriam", a memorial/remembrance place for Metro has been created. If Metro has been shut down unexpectedly, the party will still take place in OSgrid at "Metro Memoriam". HG address for the map to the region in OSgrid: hg.osgrid.org:80:Metro Memoriam Or click the panel to teleport directly. Neovo Geesink."
The sign doubles as a clickable teleporter to a memorial sim which had been built on another grid, OSgrid, and which hosted the Metropolis farewell party in parallel with the club on level 1 of the Metropolis welcome building. Two timezones are mentioned; one is CEST which is local time for Germany, home of the grid, and the other one is PDT which is official grid time in both Second Life and all OpenSimulator-based grids.
Two screens are on the sides of this black sign, hanging on two stainless steel chains each, both with five blue buttons below them for navigation. Both screens allow avatars to navigate through nine pages. They are both on the last page. The screen to the left offers basic information about Metropolis in German, the one to the right does the same in English. Both screens show black bars at the top. The black bars have the octogonal, red and white Metropolis logo to the left with "METROPOLIS" written next to it. In addition, the screen to the right has a combined flag on the right end of the black bar, the top left half of which is the U.S. flag, but with only 25 stars, and the bottom right half is the British flag. The rest of both screens is white with a variation on the octagonal Metropolis logo, now in black and semi-transparent, surrounded by the arched black writing "MEA*VITA*CREATIVUM" which is Latin for "my creative life" and with a black "METROPOLIS METAVERSUM" writing below it.
Another circular segment of steel girder is mounted above the screens, and ivy is hanging down from it.
Between the screen to the right and the one of the passageways further to the right stands a truss made of zinc-coated steel with four vertical pipes in a square arrangement which carries three support request signs and online indicators for support staff. All three have a dark blue "SUPPORT?" label at the top. The top one is in German with "Du hast Fragen oder brauchst Hilfe?" ("You have questions or need help?") written on it in black and "HIER KLICKEN" ("Click here") written below in green and the German flag at the bottom. The middle one is in French with "Vous avez des questions? Vous avez besoin d'aide?" ("You have questions? You are in need of help?") written below in black, "Cliquez ici" ("Click here") written further below in black and the French flag at the bottom. The bottom one is in English with the combined American and British flag in the middle, "Do you have any questions or do you need help?" written below in black and "CLICK HERE" written at the bottom.
Additional vegetation includes ferns in rotund, rusty vases both inside and outside the cupola, including one to the left and two to the right of the teleporter, and potted bamboo outside to the left of the teleporter.
The light is subdued because the sun was permanently set to sunset on the welcome sim, just like on all other official sims throughout the grid, during the last days of Metropolis.
#OpenSim #OpenSimulator #Metaverse #VirtualWorlds #Metropolis #Grid #TheGreatGridDyingOf2022
#AltText and #ImageDescription demonstration, variant 1, as announced in the start post of this thread (click or tap here)
This post is a demonstrational re-creation of an older post of mine from early July 2022 link to the post). The original includes an image which doesn't have an alt-text, which is extremely detailed, which contains lots of things that most people are unfamiliar with, which also contains lots of barely visible text that is required to be fully transcribed as per alt-text rules, and which therefore should require a very extensive description.
This variant 1 does not provide an image description, only an alt-text which should be sufficient in the context of the post. It is short and concise, but it does not provide any information about the further contents of the image, much less explanations about what these contents are, and no transcriptions either.
You won't know what really is in the picture unless you can actually see it. And even then, you won't necessarily be able to identify what you see.
----------
Post title: Okay. It's over. Metropolis is down.
----------
Metro finally went down about nine hours ago today.
Here's one last farewell from my Metro avatar, my first avatar.
#OpenSim #OpenSimulator #Metaverse #VirtualWorlds #Metropolis #Grid #TheGreatGridDyingOf2022