Abo
  • Services:
Anzeige
Text mit niedrigem Kontrastverhältnis
Text mit niedrigem Kontrastverhältnis (Bild: Andreas Donath)

Webdesign: Apple und Google als Trendsetter für schlechte Lesbarkeit

Text mit niedrigem Kontrastverhältnis
Text mit niedrigem Kontrastverhältnis (Bild: Andreas Donath)

Das Webdesign großer Unternehmen wie Apple, Twitter und Google ist offenbar richtungsweisend auch für viele kleinere Webdesigner und App-Entwickler. Doch ein Modetrend, der schlecht lesbare Schriften als Design missversteht, könnte viele Nutzer benachteiligen.

Das Kontrastverhältnis von Schriftfarbe und Hintergrund werde dank der Nutzung von Grautönen immer schlechter, meint Kevin Marks, Exchef der Web Services der British Telecom (BT) und Gründer von Microformats. Marks schreibt auf Backchannel.com, dass der Trend von Google, Twitter und Apple gesetzt werde.

Anzeige

Als Beispiel führt Marks Googles App Engine an. Seit einiger Zeit wird nicht mehr Schwarz, sondern Grau als Schriftfarbe genutzt.

  • Googles App Engine im neuen Design (Screenshot: Golem.de)
  • Googles App Engine im alten Design (Screenshot: Golem.de)
Googles App Engine im neuen Design (Screenshot: Golem.de)

Interessanterweise widerspricht sich beispielsweise Apple in seinen Typographierichtlinien, die sich an Entwickler richten, selbst. Entwickler sollten auf ein Kontrastverhältnis von 7:1 achten. Der Text, in dem die Typographierichtlinien gesetzt sind, weist lediglich ein Kontrastverhältnis von 5,5:1 auf. Bei Google heißt es, dass eine 57-prozentige Deckkraft vorteilhaft wäre. Das entspricht einem Kontrastverhältnis von nur 4,6:1.

Wer seine eigenen Webdesigns überprüfen will, kann auf Github einen Vergleichsrechner mit den Farbdaten füttern.

Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) fordert bei Texten ein Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe von mindestens 4,5:1.

Moderne Browser bieten größtenteils eine Lesefunktion, mit der eine vom Nutzer änderbar Schriftfarbe und -größe gewählt werden kann. Diese Funktion blendet zudem unnötige Navigationselemente aus.


eye home zur Startseite
BLi8819 25. Okt 2016

Einfach folgenden Link als Stream öffnen: http://devstreaming.apple.com/videos/wwdc/2015...

HierIch 25. Okt 2016

DOCH, man kann das auch lernen. 80% dessen, was ich als Designer mache, baut auf...

h1j4ck3r 25. Okt 2016

Fresh sollte hier auch eher für erfrischend stehen ;) Ich weiß, dass die OWA schon länger...

spyro2000 25. Okt 2016

Designer sind offenbar extreme Herdentiere. Es ist schon verstörend, dass gerade die...

BLi8819 25. Okt 2016

Du kannst doch einen anderen Browser installieren, oder gibts unter iOs keine anderen...



Anzeige

Stellenmarkt
  1. DFS Aviation Services GmbH, Langen
  2. Landeshauptstadt München, München
  3. Deutsche Bundesbank, München
  4. Bertrandt Technikum GmbH, Ehningen bei Stuttgart


Anzeige
Spiele-Angebote
  1. 22,99€
  2. 30,99€
  3. 6,99€

Folgen Sie uns
       


  1. Apple iOS 11 im Test

    Alte Apps weg, Daten weg, aber sonst alles gut

  2. Bitkom

    Ausbau mit Glasfaser kann noch 20 Jahre dauern

  3. Elektroauto

    Nikolas E-Trucks bekommen einen Antrieb von Bosch

  4. HHVM

    Facebook konzentriert sich künftig auf Hack statt PHP

  5. EU-Datenschutzreform

    Bitkom warnt Firmen vor Millionen-Bußgeldern

  6. Keybase Teams

    Opensource-Teamchat verschlüsselt Gesprächsverläufe

  7. Elektromobilität

    In Norwegen fehlen Ladesäulen

  8. Metroid Samus Returns im Kurztest

    Rückkehr der gelenkigen Kopfgeldjägerin

  9. Encrypted Media Extensions

    Web-DRM ist ein Standard für Nutzer

  10. TP Link Archer CR700v

    Einziger AVM-Konkurrent bei Kabelroutern gibt auf



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Energieversorgung: Windparks sind schlechter gesichert als E-Mail-Konten
Energieversorgung
Windparks sind schlechter gesichert als E-Mail-Konten
  1. Apache Struts Monate alte Sicherheitslücke führte zu Equifax-Hack
  2. Kreditrating Equifax' Krisenreaktion ist ein Desaster
  3. Best Buy US-Handelskette verbannt Kaspersky-Software aus Regalen

Anki Cozmo im Test: Katze gegen Roboter
Anki Cozmo im Test
Katze gegen Roboter
  1. Die Woche im Video Apple, Autos und ein grinsender Affe
  2. Anki Cozmo ausprobiert Niedlicher Programmieren lernen und spielen

Indiegames-Rundschau: Cyberpunk, Knetmännchen und Kampfsportkünstler
Indiegames-Rundschau
Cyberpunk, Knetmännchen und Kampfsportkünstler
  1. Indiegames-Rundschau Fantasysport, Burgbelagerungen und ein amorpher Blob
  2. Indiegames-Rundschau Meisterdiebe, Anti- und Arcadehelden
  3. Jump So was wie Netflix für Indiegames

  1. Re: Da wird sich nichts tun

    bombinho | 05:37

  2. Re: Ich habe beides - Android und iOS

    quasides | 05:32

  3. Re: Macht das überhaupt Sinn, eTrucks?

    Handle | 05:07

  4. Re: Wieso gehts dann anderswo?

    postb1 | 05:03

  5. Import in Blender?

    Patman | 04:52


  1. 19:04

  2. 18:51

  3. 18:41

  4. 17:01

  5. 16:46

  6. 16:41

  7. 16:28

  8. 16:11


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel