Replace INSTALLIEREN.html with README
README is rendered on the repo landing page; the drag-and-drop installer moves to the pages branch since Codeberg strips javascript: links from rendered markdown and raw file views. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
df96466cf1
commit
d8825ad587
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,38 @@
|
|||
# Alt-Text Checker
|
||||
|
||||
Barrierefreiheits-Bookmarklet zur Prüfung von Alt-Texten auf beliebigen Webseiten.
|
||||
|
||||
## Installation
|
||||
|
||||
**Installationsseite mit Drag-&-Drop-Button:** https://saschab.codeberg.page/altchecker/
|
||||
|
||||
Falls die Seite nicht erreichbar ist oder Drag & Drop nicht funktioniert, geht es auch manuell:
|
||||
|
||||
1. Rechtsklick auf die Lesezeichenleiste deines Browsers → „Seite hinzufügen" o. ä.
|
||||
2. Als Namen `Alt-Text Checker` eintragen.
|
||||
3. Als Adresse den kompletten Inhalt von [`dist/bookmarklet.txt`](dist/bookmarklet.txt) einfügen.
|
||||
4. Speichern.
|
||||
|
||||
Ist die Lesezeichenleiste nicht sichtbar? In Chrome/Edge/Firefox: `Strg+Umschalt+B` (Mac: `Cmd+Umschalt+B`).
|
||||
|
||||
## Benutzung
|
||||
|
||||
- Öffne eine beliebige Website.
|
||||
- Klicke in der Lesezeichenleiste auf **„Alt-Text Checker"**.
|
||||
- Jedes Bild bekommt sofort ein kleines Label mit Status.
|
||||
- Erneuter Klick auf das Bookmarklet aktualisiert die Analyse (z. B. nach dem Scrollen zu neu geladenen Bildern).
|
||||
|
||||
## Was bedeuten die Farben?
|
||||
|
||||
- **Rot – Fehler**: Kein `alt`-Attribut und kein ARIA-Ersatz. Screenreader können das Bild nicht beschreiben.
|
||||
- **Orange – Warnung**: Leeres `alt=""` (dekorativ) oder nur über ARIA benannt statt über `alt`.
|
||||
- **Grün – OK**: Alt-Text ist vorhanden und nicht leer.
|
||||
- **Grau – Ignoriert**: Das Bild wurde manuell von der Prüfung ausgeschlossen (z. B. bewusst dekorativ).
|
||||
|
||||
## Bild von Prüfung ausschließen
|
||||
|
||||
Klicke direkt auf das kleine Label neben einem Bild. Das Bild wird sofort als „ausgeschlossen" markiert. Erneuter Klick macht das rückgängig. Der Ausschluss wird im `localStorage` des Browsers pro Website-URL gespeichert und bleibt auch nach einem Neuladen der Seite erhalten.
|
||||
|
||||
## Datenschutz
|
||||
|
||||
Das Bookmarklet führt reines JavaScript im Browser aus. Es werden keine Daten an externe Server gesendet – die einzige Speicherung erfolgt lokal im `localStorage` des Browsers.
|
||||
Loading…
Reference in New Issue