Bei der Suche nach einer geeigneten Universität für ein Austauschsemester bin ich auf folgende Darstellung der Studiengänge der Fontys Fachhochschule gestossen, die ich als überarbeitungswürdig empfand.
Probleme
- Im allgemeinen ist die Typografie der gesamten Site sehr klein gesetzt, zusammen mit dem minimalistischen Design kann dies eine Ausdrucksweise sein, doch ich denke für eine Universitätswebsite sollten Lesbarkeit und Barrierefreiheit wichtige Merkmale sein.
- Neben der sehr kleinen Schriftgrösse trägt die geringe Linienhöhe noch mehr zur Unleserlichkeit bei. Hier wird eine Linienhöhe von 1em zusammen mit einer Textgrösse von 10pt verwendet.
Lösungen
- Die Typografie habe ich auf 14pt gesetzt um eine bessere Lesbarkeit auch bei schlechten Lichtverhältnissen oder eingeschränkter Sehkraft zu gewährleisten. Eine CSS Definition in einer relativen Einheit, zB. em oder % ermöglicht zudem die Veränderung der Schriftgrösse im Browser.
- Die Linienhöhe habe ich für Fliesstext auf 1.5 eingestellt was einer absolute Grösse von 21pt bei 14pt Schriftgrösse entspricht. Für die Liste im speziellen wurde die Schriftgrösse gar auf 2 gesetzt, um eine deutlichere Trennung der Studiengänge zu visualisieren und die Findbarkeit des gesuchten Studienganges zu verbessern.