Zum Inhalt springen →

rot.png – Bilder ohne Beschriftung

Sie werden in Findus immer wieder Bilder mit roten Herzen sehen, daneben eine Zahl. Leider hat das Herz keine Alternativbeschreibung und für Blinde ist unklar warum mitten in der Tabelle eine Grafik ist die rot.png heißt. Im Screenshot siehst das so aus:

Ein Zeile in einer Tabelle. In der Spalte Systematik ist ein rotes Herz zu sehen, links daneben die Zahl 14.

Anzeige

Die Anzeige sieht also so aus: eine Zahl, daneben ein rotes Herz.

Der Gedanke des Programmierers dahinter: das Buch das in der Zeile dargestellt wird wurde von 14 Menschen „geliked“, also für gut befunden.

Änderung

Wenn man auf das Herz klickt, schlägt es zwei Mal. Es wird als schnell größer und kleiner. Dabei wird eine Nachricht an den Server geschickt die heißt: jemand mag dieses Buch gerne. Der Server schickt die Like-Zahl zurück und es wird da stehen: 15 rotes Herz.

Man kann seinen Like auch wieder zurücknehmen in dem man auf das rote Herz klickt. Dann wird da wieder stehen: 14 rotes Herz.

Probleme bisher

  1. Das Herz hat keinen Alternativtext – es wird im Screenreader für Blinde so angesagt: 14 – rot – Buchstabe p – Buchstabe n – Buchstabe g
  2. Es ist nicht klar, was das Herz eigentlich an der Stelle soll. Das ist auch einer Sehenden nicht klar, nur wissen „die meisten Leute“ dass das Herz ein „like“ ist. Man kann auf das Herz draufklicken.

Umsetzung in Findus

Screenshot mit einem roten Herz, links daneben die Zahl 14. Eine Sprechblase sagt: Alternativtext, 14 Likes vergeben (klick)
Screenshot der Umsetzung des barrierefreien Like-Herzens in Findus
  • Es wird sofort ein Alternativtext für ein Herzbild gemacht: 14 Likes vergeben.
  • Wenn man einen Like vergibt ändert sich der Alternativtext auf 15 Likes.
  • Wenn man einen Like vergibt erscheint unter dem Herz für 20 Sekunden die Schrift: Like wurde registriert

Meta

Veröffentlicht in Entdeckungen

Kommentaren

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.