search

marudor / bahn.expert

https://bahn.expert
MIT License
498 stars 46 forks source link

Darstellung/Erklärung der bestätigten Zeiten (Fettdruck) verbessern #877

Open b-pfl opened 5 months ago

b-pfl commented 5 months ago

Describe the bug Im Firefox unter MacOS ist die Darstellung der bestätigten Abfahrt/Ankunft (Fettdruck) oft schlecht zu erkennen: grafik

To Reproduce Steps to reproduce the behavior:

  1. Beliebigen gerade fahrenden Zug im Firefox (MacOS) öffnen
  2. Darstellung der Zeiten betrachten

Expected behavior Deutliche Unterscheidung zwischen den Zeiten. Evtl sogar: Dem Nutzer die Wahl geben, wie bestätigte Zeiten dargestellt werden (z.B. unterstrichen, 17:57 ☑️)

Screenshots So sieht es (ok) unter Safari (MacOS) aus: grafik

Desktop (please complete the following information):

Additional context Darstellung im Firefox ist nicht ganz erklärlich. Im Inspektor sieht man bei den bestätigten Zeiten eine CSS-Info von "font-weight: 700", bei den anderen Zeiten wird dazu interessanterweise nicht einmal unter "berechnet" ein font-weight angezeigt. Wenn man das CSS manuell ändert, verändert sich interessanterweise die Darstellung nicht.

marudor commented 3 months ago

Ich entwickle das alles im firefox auf mac. Bei mir gehts. Eventuell blockt dein Firefox hier irgendwelche fonts (kommen aber alle von https://bahn.expert)? Als workaround könnte ich mir vorstellen noch nen Tooltip hinzuzufügen. Das es auch erklärt.

b-pfl commented 3 months ago

Interessant - es lag wohl an einer defekten lokalen Font-Datei. Kaum ersetzt, funktioniert es wieder richtig. Warum es im Safari immer geklappt hat, bleibt dann wohl ein Rätsel.

Ein Tooltip o.ä. wäre sicherlich hilfreich - nur bleibt die Frage der Implementierung (Mouseover funktioniert ja im mobilen Kontext nicht).

marudor commented 3 months ago

Mein Standard Tooltip implementiert ein "touch to open" für touch devices.

dreirund commented 1 month ago

Wie wäre es -- das hilft dann auch screenreadern und macht es damit auch für sehbehinderte Menschen barriereärmer -- ein echtes Zusatzzeichen einzufügen; eines für "Planzeit" und eines für "ist-Meldung"? Oder ggf. auch nur eines (z.B. *), und unten die Erläuterung was es bedeutet?