Verlauf: keine Wertung mehr in der Farbe der Bewegungsart

Gruen fuer Einlagern und Orange fuer Auslagern las sich wie gut und schlecht -
dabei ist Auslagern schlicht der Normalfall, kein Missstand. Die Farbe kam noch
aus der Badge-Zeit, wo sie neben dem Wort stand; als alleiniges Signal wertet
sie.

Alle drei Arten tragen jetzt dieselbe neutrale Kachel. Unterschieden wird ueber
die Pfeilrichtung im Icon, und die Bedeutung steht weiterhin in title und
aria-label.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-08-16 12:42:44 +02:00
parent e33c01ec37
commit e9738e28e7
2 changed files with 8 additions and 10 deletions

View File

@@ -4,20 +4,20 @@ import Icon from "./Icon";
* Die Art einer Bestandsbewegung als Sinnbild statt als Wort.
*
* Kiste mit Pfeil hinein (Einlagern), Kiste mit Pfeil heraus (Auslagern),
* Stapel mit Stift (Korrektur). Die Kachel traegt dieselbe Bedeutung wie
* frueher die Farbe des Badges gruen rein, orange raus, neutral Korrektur.
* Stapel mit Stift (Korrektur). Alle drei in derselben Farbe: gruen fuer rein
* und orange fuer raus las sich wie gut und schlecht, dabei ist Auslagern
* schlicht der Normalfall. Unterschieden wird ueber die Pfeilrichtung.
*
* Titel und aria-label behalten das Wort: fuer Screenreader und fuer alle, die
* ein Sinnbild nicht auf Anhieb lesen.
*/
const LABEL = { in: "Eingelagert", out: "Ausgelagert", adjust: "Korrektur" };
const ICON = { in: "einlagern", out: "auslagern", adjust: "korrektur" };
const TON = { in: "ein", out: "aus", adjust: "" };
export default function BewegungIcon({ typ, size = 18 }) {
const wort = LABEL[typ] || typ;
return (
<span className={`bewegung-icon ${TON[typ] || ""}`} title={wort} aria-label={wort} role="img">
<span className="bewegung-icon" title={wort} aria-label={wort} role="img">
<Icon name={ICON[typ] || "package"} size={size} />
</span>
);