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. Sky Deutschland GmbH, Unterföhring bei München
  2. Robert Bosch GmbH, Weilimdorf
  3. operational services GmbH & Co. KG, Frankfurt am Main
  4. STAHLGRUBER GmbH, Poing bei München


Anzeige
Top-Angebote
  1. (heute u. a. Medion 49"-UHD-TV für 384,99€)
  2. 15%-Gutschein für Ebay-Plus-Mitglieder
  3. (u. a. Wolfenstein The New Colossus 29,99€)

Folgen Sie uns
       


  1. Siri-Lautsprecher

    Apple versemmelt den Homepod-Start

  2. Open Routing

    Facebook gibt interne Plattform für Backbone-Routing frei

  3. Übernahme

    Vivendi lässt Ubisoft ein halbes Jahr in Ruhe

  4. Boston Dynamics

    Humanoider Roboter Atlas macht Salto rückwärts

  5. Projekthoster

    Github zeigt Sicherheitswarnungen für Projektabhängigkeiten

  6. Sicherheitslücke bei Amazon Key

    Amazons Heimlieferanten können Cloud Cam abschalten

  7. Luftfahrt

    China plant Super-Windkanal für Hyperschallflugzeuge

  8. Quad9

    IBM startet sicheren und datenschutzfreundlichen DNS-Dienst

  9. Intel

    Ice-Lake-Xeon ersetzt Xeon Phi Knights Hill

  10. Star Wars Jedi Challenges im Test

    Lichtschwertwirbeln im Wohnzimmer



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Windows 10 Version 1709 im Kurztest: Ein bisschen Kontaktpflege
Windows 10 Version 1709 im Kurztest
Ein bisschen Kontaktpflege
  1. Windows 10 Microsoft stellt Sicherheitsrichtlinien für Windows-PCs auf
  2. Fall Creators Update Microsoft will neues Windows 10 schneller verteilen
  3. Windows 10 Microsoft verteilt Fall Creators Update

Orbital Sciences: Vom Aufstieg und Niedergang eines Raketenbauers
Orbital Sciences
Vom Aufstieg und Niedergang eines Raketenbauers
  1. Astronomie Erster interstellarer Komet entdeckt
  2. Jaxa Japanische Forscher finden riesige Höhle im Mond
  3. Nasa und Roskosmos Gemeinsam stolpern sie zum Mond

Ideenzug: Der Nahverkehr soll cool werden
Ideenzug
Der Nahverkehr soll cool werden
  1. 3D-Printing Neues Druckverfahren sorgt für bruchfesteren Stahl
  2. Autonomes Fahren Bahn startet selbstfahrende Buslinie in Bayern
  3. High Speed Rail Chinas Züge fahren bald wieder mit 350 km/h

  1. Re: Bei PHP ..

    Gamma Ray Burst | 05:21

  2. Re: uPlay

    HorkheimerAnders | 05:14

  3. Beschleunigung!

    HorkheimerAnders | 05:13

  4. Re: Das Ende von Tesla?

    Gamma Ray Burst | 05:00

  5. Re: Frontantrieb...

    Danse Macabre | 04:55


  1. 19:05

  2. 17:08

  3. 16:30

  4. 16:17

  5. 15:49

  6. 15:20

  7. 15:00

  8. 14:40


  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