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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user