Wikipedia:Technische Wünsche/Topwünsche/Verbesserung der Farben der Syntaxhervorhebung

Verbesserung der Farben der Syntaxhervorhebung
 
Status Umgesetzt
Ursprung Themenschwerpunkt Leichter mit Vorlagen arbeiten
Phabricator T292968, T271895, T306867
Bearbeitende Team Technische Wünsche
Diese Seite dient der Dokumentation von Entwicklungsverlauf, Recherche und Diskussionen rund um das Projekt „Verbesserung der Farben der Syntaxhervorhebung“. Anmerkungen und Fragen gerne auf der Diskussionsseite!

Beschreibung Bearbeiten

Seit Juni 2018 ermöglicht die Syntaxhervorhebung, bei der Bearbeitung von Wikitext die unterschiedlichen Elemente farbig und anderweitig unterschiedlich darzustellen. Der Modus für die Syntaxhervorhebung kann auf den drei Bearbeitungswerkzeugleisten mit dem Textmarker-Symbol   ein- und ausgeschaltet werden.

Die dahinter stehende Software (CodeMirror) wird auch für die Umsetzung der Funktion „Zusammengehörige Klammerpaare hervorheben“ genutzt. Dabei ist dem Team Technische Wünsche aufgefallen, dass die Farben der Syntaxhervorhebung, insbesondere für farbenfehlsichtige Bearbeitende, schlecht abgestimmt und daher oft schlecht erkennbar sind.

Umsetzung Bearbeiten

Allgemeine Verbesserung der Farben Bearbeiten

Die Farben der Syntaxhervorhebung wurden leicht angepasst, sodass sie höhere Kontraste bieten und besser lesbar sind. Durch diese Verbesserung erfüllt die Funktion die Web Content Accessibility Guidelines (WCAG 1.4.3 AA). Dies hilft nicht nur Menschen mit reduzierter Sehkraft, sondern beispielsweise auch beim Bearbeiten bei Tageslicht.

 

Modus für Farbenfehlsichtige Bearbeiten

Die zuvor eingeführten besser lesbaren Farben erhöhen den Kontrast zwischen dem Text und dem Hintergrund. Dafür mussten viele Farben dunkler werden, was bedeutet, dass der Kontrast zwischen den Farben abnimmt.

Für Farbenfehlsichtige wird dieses neue Schema eingeführt, um den Kontrast zwischen den Farben zu erhöhen, insbesondere bei Elementen, die im Wikitext häufig nebeneinander erscheinen (Artikel und Vorlagen). Es wurde für verschiedene Arten von Farbenfehlsichtigkeit getestet und inspiriert von https://jfly.uni-koeln.de/color/#pallet.

Umsetzung Bearbeiten

  • Vier Farben ändern sich in diesem Modus:
    • Überschriften, Sonderzeichen, Signaturen, Abschnittsnamen, Magische Wörter: #E4A400
    • Vorlagen: #9C3A00
    • HTML-Tags, Einzelnachweise, Formeln: #56B4E9
    • Variablen: #009E73
  • Fettung und Unterstreichungen bleiben unverändert.
  • Es gibt keine Hervorhebung oder farbige Markierung von Hintergründen, für keinen Inhaltstyp.
Beispiel Bearbeiten

Links sind die Farben, die jemand mit Protanopie sieht, rechts ist der Modus für Farbenfehlsichtige (ebenfalls aus der Sicht von jemandem mit Protanopie)  

Vergleich: Bisherige Farben, neue Farben und mit Modus für Farbfehlsichtige Bearbeiten

 

Aktivieren in den Einstellungen Bearbeiten

Der Modus kann in den eigenen Einstellungen aktiviert werden, im Reiter Bearbeiten > Abschnitt Barrierefreiheit.

 

Allgemeine Verbesserung der Farben

  • 24. März 2021: Bereitstellung auf
    •   deutschsprachiger, türkischer und katalanischer Wikipedia
    •   group0-Wikis, inkl. Mediawiki.org und Testwiki
    •   Wikitech
  •   09. März 2022: Aktivierung auf allen weiteren Wikis außer der englischen Wikipedia
  •   16. März 2022: Aktivierung auf der englischen Wikipedia

Modus für Farbenfehlsichtige

  •   10. Mai 2022: Aktivierung auf allen Wikis mit CodeMirror