Alt Text Hall of Fame
Was ist alt Text?
Alternativer Text (Abkürzung: alt Text) ist die Beschreibung eines Bildes, das auf einer Website oder in den sozialen Medien veröffentlicht ist.
Warum ist alt Text so wichtig?
Stell dir vor, dein Browser würde dir keine Bilder mehr anzeigen. Du siehst immer noch die Verweise auf Bilder in Artikeln oder Chatverläufen; du liest Witze über sie. Wie würde sich das für dich anfühlen? Du würdest dich mit Sicherheit ziemlich ausgeschlossen fühlen.
Genauso ergeht es Menschen, die blind sind oder eine Sehbehinderung haben. Aber es geht aufwärts!
Just wanted to thank all in this instance for adding image descriptions. To a totally blind person like me it means a lot to have a picture in my mind of your images, especially the animal pics.
I just want to say for my first post to the #Fediverse that I’ve already seen more #alttext in the last couple of days than I’ve literally seen in my entire life. I don’t know what it is, but as a blind user it’s making me emotional to be able to actually interact with content. Think I’ll write an introduction soon.
#accessibility#Mastodon#redditMigration
Wohlgemerkt, deine Bildbeschreibungen helfen nicht nur Blinden. Sie können Menschen helfen, den Kontext eines Bildes zu verstehen, ein Meme erklären, oder einen Platzhalter darstellen für fehlende Bilder, oder Bilder, die über eine langsame Verbindung geladen werden.
Wenn wir alle zusammen arbeiten, machen wir das Internet für jeden zu einem besseren Erlebnis.
Every now and then mastodon.social (and/or my connection) is slow and I only see blurs instead of images. Thanks to everyone adding alternative text to images! Just like with curb ramps, the inclusion of some ends up benefitting other, unexpected ones!
@stefan I’m no visually impaired, but sometimes I need a little help to fully understand social nuances in images. I’ve found ALTs useful once in a while.
Wenn dich das nicht überzeugt, könntest du dich bald ziemlich ausgeschlossen fühlen.
So, what do you do when you see a good post on here with an image that doesn’t have a description/alt text?
#accessibility#a11y#AltText#ImageDescription#mastodon#fediverse#SocialMedia#netiquette
Please boost to get a larger sample size.
Das ist toll! Aber wie füge ich alt Text zu einem Bild hinzu?
Bei vielen Veröffentlichungstools für das Internet und bei sozialen Medien kannst du hochgeladenen Bildern Beschreibungen hinzufügen. Hier sind ein paar Beispiele:
Wunderbar! Und was schreibe ich in die Beschreibung?
Sieh dir das Bild, dass du hochlädst, genau an und stelle dir einen Freund neben dir vor, der das Bild nicht sehen kann. Wie würdest du es ihm beschreiben? Was sind die wichtigsten Details? Warum ist es lustig? Oder traurig? Warum teilst du es?
While alt text image descriptions aren’t poems, writing them has felt like practice for writing poetry. I wasn’t expecting that.
I am floored and fascinated by the near-literary quality of many of the descriptions of images that people carefully craft when appending pictures to their posts on Mastodon. Some of them will reveal a detail that had escaped my attention. Others will help me understand a subtle joke I had missed. Others still are true poems. ALT are their own microblogging world that reveals itself as you hover on a picture. And I hover, and hover.
Es gibt viele Möglichkeiten, wie du ein Bild beschreiben kannst. Du kannst es zum Beispiel sehr detailliert beschreiben:
Optometrist George Mayerle’s 1907 multicultural eye chart is a fabulous piece of graphic design in its own right. https://circulatingnow.nlm.nih.gov/2023/08/03/mayerles-lithographed-international-test-chart-1907/
„Die sieben vertikalen Felder, die sich durch die Mitte des Diagramms ziehen, testen die Sehschärfe mit Zeichen des römischen Alphabets (für englische, deutsche und andere europäische Leser) und auch mit japanischen, chinesischen, russischen und hebräischen Zeichen. Eine Tafel in der Mitte ersetzt die Buchstaben des Alphabets durch Symbole für Kinder und Erwachsene, die Analphabeten sind oder keines der anderen angebotenen Schriftsysteme lesen können.“
Happy International Women’s Day! Just a reminder that Margaret Hamilton is a total badass and early innovator in the field of Software Engineering. Her pioneering work in task prioritization allowed the Apollo 11 moon landing to proceed even when the onboard computer became overwhelmed with too many tasks at a critical point in the mission. The software she wrote was flexible enough to ignore low priority tasks so that the computer could focus only on the tasks necessary for landing the LEM safely on the moon. Without her task prioritization routines in place, it’s likely that the landing would have had to have been aborted.
„Ein Schwarz-Weiß-Foto aus den 60er Jahren zeigt Margaret Hamilton in der Apollo-Kommandokapsel. Sie liegt auf dem Rücken, so wie es die Astronauten beim Start tun würden, und legt einen Schalter auf der riesigen Instrumententafel über ihr um, während sie in die Kamera lächelt. Sie ist eine junge Frau mit langen glatten Haaren und einer Brille. Sie trägt ein langärmeliges Kleid mit einem verschnörkelten Muster. Sie strahlt die Leichtigkeit und Zuversicht von jemandem aus, der es genießt, ganz in seinem Element zu sein und sein Gebiet zu beherrschen.“
Extensive alt text
„Eine Wand, die blau gestrichen ist, deren Farbe jedoch so stark abblättert, dass sie oben in der Mitte nur noch aus nacktem, grauem Sperrholz besteht. Die Risse verlaufen überwiegend horizontal und kräuseln sich so, dass es wie Wellen oder abblätternde Papierrinde aussieht. Das verbliebene Blau ist in zwei Tönen gehalten, wobei der obere Teil in einem dunkleren Ton gehalten ist. Der untere Rand sieht aus, als sei er mit hellerer Farbe besprüht worden. Links unten ist ein kreisförmiger Aufkleber, der ebenfalls hellblau gestrichen ist, und sich vertikal wellt, wobei sich sein rechter Rand so weit anhebt, dass er einen scharfen Schatten nach rechts wirft.“
Check out this new #JWST image of the Crab Nebula 🤩
The milky smoke-like glow in the nebula’s center comes from synchrotron radiation, light produced by charged particles, like electrons, moving around magnetic fields at relativistic speeds.Curvy wisps outline the structure of the pulsar’s magnetic field, which sculpts and shapes the nebula. A faint ring of white material encircles the pulsar, a tiny white dot, at the very center.
https://webbtelescope.org/contents/news-releases/2023/news-2023-137
„Der Krebsnebel. Ein ovaler Nebel mit komplexer Struktur vor einem schwarzen Hintergrund. An der Außenseite des Nebels, insbesondere links oben und unten, befinden sich Wolken aus glühendem roten und orangefarbenen, flauschig aussehenden Material. Die innere Hülle zeigt großflächige Schleifen aus gelb-weiß und grün gesprenkelten Fäden, die mit Klumpen und Knoten besetzt sind. Im Inneren befinden sich durchscheinende dünne Bänder aus rauchigem Weiß, die zur Mitte hin am hellsten sind. Das weiße Material verläuft in verschiedenen Richtungen, manchmal sogar in einer scharfen Kurve von bestimmten Regionen des Supernova-Überrests weg. Ein schwacher, hauchdünner Ring aus weißem Material umgibt das Zentrum des Nebels. Um den Supernova-Überrest herum und darin befinden sich viele Punkte mit blauem, rotem und gelbem Licht.“
Made some quick and dirty #SwiftUI labels based on Smash Bros.
„Bildschirmfoto, iOS-Simulator
Vier Beschriftungen, der Reihe nach:
‘Failure’, in Großbuchstaben, mit lila Farbverlauf und weißem Schlagschatten auf einer gezackten schwarzen Kontur.
‘Robb Joins the Battle’ mit einem leichten 3D-Winkel. ‘Robb’ ist in weißer Schrift gesetzt, der Rest mit einem orangefarbenen Farbverlauf etwas kleiner gesetzt.
‘Clear!’, in Großbuchstaben mit orangefarbenem Farbverlauf und dünner weißer Kontur auf einem weißen Schlagschatten; mit einem weiteren Schlagschatten in Hellgrau.
‘Game!’, in Großbuchstaben, mit mehrfarbigem Farbverlauf und versetztem Schlagschatten auf mehreren schwarzen und weißen Konturen.“
Bildbeschreibungen können auch lustig sein.
I had a friendly hitchhiker on my windshield today!
„Ein lovecraftscher Schrecken hockt auf meiner Windschutzscheibe neben den zermatschten Überresten seiner schwächeren Vettern. Meist weiß, ist er mit Streifen verziert, die an eine von Tim Burton entworfene Kreatur erinnern. Dieser Dämon wird uns schreiend in die Hölle zerren.“
Do you fear you’ve being cheated? That your barrel of eels isn’t all it seems?
Fret not! In 1483, tired of shady salesmen — especially Dutch & Scottish ones — Parliament decreed that a barrel of eels must be full, & hold 42 lbs. of fish.
PLUS, all the eels must be edible! #eels#medieval#history#eelscam
„Meme. Mittelalterliches Bild eines Fassbinder, der ein Fass herstellt. Er steht mit einem Holzhammer und einem Meißel vor einem Fass und ist offensichtlich schwer beschäftigt. Um ihn herum stehen mehrere andere Fässer in verschiedenen Stadien der Vollendung. Er ist ein fleißiger Kerl. Er trägt ein rosafarbenes Hemd und eine blaue Strumpfhose, und er schert sich nicht um deine Vorstellungen von geschlechtsspezifischen Farben. Er ist glatt rasiert, mit kurzen Haaren unter einer roten Mütze. Er trägt eine Schürze und schwarze Schuhe. Er ist mit Sicherheit der beste mittelalterliche Fassbinder, den du heute und vielleicht sogar diese Woche sehen wirst. In den Fassdeckeln sind Löcher, also sollten wir die Möglichkeit nicht ausschließen, dass er Schuppentiere schmuggelt. Viele Leute denken, dass Schuppentiere die meistgeschmuggelsten Tiere der Welt sind. Das sind sie aber nicht. Es sind Aale. Schuppentiere sind nicht einmal das am häufigsten geschmuggelte Säugetier: das ist der Mensch. Wie auch immer, Schuppentierschmuggel ist eine schlechte Nachricht, und wenn dieser Fassbinder darin verwickelt ist, sollten wir ihn meiden. Der Text des Memes lautet: „Aale kommen in die Tonne. Das Fass kommt auf den Markt. Aale sind auf dem Markt. Gute Aale.““
Du kannst sogar bewegte Bilder beschreiben!
I love this video so much: A navigation camera aboard the OSIRIS-REx spacecraft captured footage of its capsule hurtling toward Earth, carrying a trove of asteroid rocks. Those samples are now being analyzed in Texas.
You can see a thin crescent Earth at left!
#NASA#science#exploration
https://blogs.nasa.gov/osiris-rex/tag/sample-return/#:~:text=NASA’s%20OSIRIS%2DREx%20Spacecraft%20Views,returned%20to%20Earth%20on%20Sept
„Diese Schwarz-Weiß-Aufnahme des Abstiegs der OSIRIS-REx-Probenrückführkapsel zur Erde stammt von der TAGCAMS NavCam 1 und wurde kurz nach dem Abwurf der Kapsel vom Raumschiff am 24. September 2023 aufgenommen. Die Sonne ist am oberen Bildrand zu sehen, und am linken Bildrand ist eine dünne „Erdsichel“ zu erkennen. Die NavCams von OSIRIS-REx werden für die optische Navigation der Raumsonde verwendet. Die NavCam-Bilder verfolgten Sternenfelder und Orientierungspunkte auf Bennu, um die Position der Raumsonde während des Missionsbetriebs zu bestimmen. Diese Bildsequenz wurde bearbeitet, um den Großteil des gestreuten Sonnenlichts zu entfernen, mehr Details der Kapsel und der Trümmerwolke hervorzuheben und die Sättigung der Erdsichel zu verhindern. Bildnachweis: NASA/Goddard/Universität von Arizona/Lockheed Martin“
Für mehr Beispiele folge @alttexthalloffame@mastodon.social auf Mastodon!
Question for #blind#VisuallyImpaired folks, what kind of image descriptions do you prefer?
Was ist mit Bildern, die automatisiert gepostet werden?
Das kann natürlich schwierig werden. Wenn du eine Sammlung von Bildern hast, dann kannst du einfach jedes Bild beschreiben.
Wild Things by Laura Kay #books#literature#dedication
„Für alle, in die ich jemals verknallt war. Danke für den ganzen Stoff.“
Auch hier kannst du mit den Beschreibungen kreativ werden.
SWANT.BMF
„Ein schöner weißer Schwan, der anmutig im kristallblauen Wasser schwimmt. Er erinnert @dogebromomo an das College und an ein gewisses Maß an Schikane, das von den Erstsemestern verlangt wird. Und weißt du was? Er sollte das prägen, eine NFT-Gedenkmünze. Er kann es sich jetzt schon vorstellen: der Schwan mit einem Paar Golfschlägern darunter, wie Schwerter auf einem Wappen gekreuzt. Die Jungs werden es lieben, absolut lieben.“
Manchmal weißt du nicht genau, was auf dem Bild zu sehen ist, wenn es veröffentlicht wird. Hier ist ein Beispiel aus einem Projekt, an dem ich mitgearbeitet habe. Über dieses Konto werden Bilder von Online-Webcams in New York veröffentlicht. Ich habe beschrieben, was jede Webcam normalerweise zeigt, und Informationen über das Wetter hinzugefügt.
Statue of Liberty TorchCam
📷 https://www.earthcam.com/usa/newyork/statueofliberty/?cam=liberty_crown
🗺️ https://www.google.com/maps/search/40.6892,-74.0445#nyc#webcam#city
„Diese Webcam zeigt den Blick von der Spitze der Freiheitsstatue nach unten. Es ist ein klarer Tag in New York. Es ist 29 Grad Celsius.“
Und hier ist noch ein Projekt von mir. Ich habe keine Ahnung, wie die einzelnen Bilder aussehen. Man muss über die Bedeutung der Bilder im Allgemeinen nachdenken und den Grund, warum sie geteilt werden.
Curated anonymously.
„Ein zufällig generiertes abstraktes digitales Gemälde, das aus einer oder mehreren geraden oder gebogenen Linien besteht.“
Ich hoffe, diese Beispiele haben dich inspiriert, und du wirst jetzt deinerseits deinen Teil dazu beitragen, das Internet für alle zugänglicher zu machen.
Weitere Ressourcen
Hier findest du noch ein paar weitere Ressourcen (auf Englisch), die dir weiterhelfen können.
- Alt-texts: The Ultimate Guide (axesslab.com)
- Image Description Guidelines (diagramcenter.org)
- Write good Alt Text to describe images (harvard.edu)
- Alt Text as Poetry: durchdachter und kreativer Umgang mit Alt-Text (alt-text-as-poetry.net)
- Alt-text.org: Bibliothek von Bildbeschreibungen
- Write Alt Text Like You’re Talking To A Friend (cloudfour.com)
- Alt Text Selfies (alttextselfies.net)
I know not everyone has the time or even thinks about describing the images they post on social media, but if you have a moment, read some of these comments:
– https://mastodon.nz/@WirlOfWirls/109448649809755625
– https://mastodon.social/@ontheotherside/110667634226742768
– https://mastodon.social/@alttexthalloffame/111324842340840588A minute of your time can really make someone’s day.
