Die Theorie hinter progressiver Verbesserung

Beim Erstellen einer Website haben Sie mehrere Möglichkeiten, dies zu tun.

Sie können damit beginnen, die fortschrittlichste Version der Website mit allen Skripts, Stilen usw. zu erstellen, und diese dann in älteren Browsern mithilfe von Grazer-Degradation rendern lassen. Sie können sich entscheiden, ältere Browser zu ignorieren, oder Sie können mit einem Browser beginnen grundlegende Seite und fügen Sie Skripte und Stile hinzu, so dass sie durch progressive Verbesserung funktionaler wird.

In dieser Serie werfen wir einen Blick auf Letzteres.

Zunächst betrachten wir die Theorie der progressiven Verbesserung. Aber lassen Sie sich nicht einschüchtern - es ist keine Raketenwissenschaft. Die Regeln, die Sie befolgen müssen, sind einfach.

Warum?

Sie fragen sich vielleicht: Warum sollte ich mich mit älteren Browsern beschäftigen? Zu diesem Zeitpunkt werden die meisten großen Browser automatisch aktualisiert.

In erster Linie müssen Sie deaktivierte Benutzer berücksichtigen, es sei denn, Sie erstellen eine hoch interaktive Web-App. Sie können Bildschirmlesegeräte verwenden, um auf Ihre Website zuzugreifen, und diese Programme lesen keine Stile oder komplizierten Schnittstellen, nur weil es für den Benutzer zu schwer ist, den Inhalt der Seite zu verstehen.

Zweitens gibt es immer noch Leute, die JavaScript und / oder CSS deaktivieren. Dafür gibt es viele Gründe - Bandbreitenbegrenzung, langsame Verbindungen und persönliche Vorlieben. Einige Benutzer verwenden auch textbasierte Browser, die zwar eine begrenzte Menge CSS analysieren, JavaScript jedoch ignorieren.

Als Nächstes wird Ihr Code leichter zu pflegen. Sie werden wahrscheinlich mehr semantisches HTML haben. Sie werden in der Lage sein, es in Zukunft erneut zu betrachten und leicht zu verstehen, was mit dem Markup, den Stilen und den Skripten passiert.

Schließlich ist zu beachten, dass es Umgebungen gibt, in denen Benutzer keine Software installieren oder aktualisieren können, einschließlich des Webbrowsers (dies ist in großen Unternehmen sehr beliebt)..

Und wenn Sie immer noch nicht überzeugt sind, haben einige Länder sogar entsprechende Gesetze erlassen, die Webentwickler dazu zwingen, ihre Websites für behinderte Benutzer zugänglich zu machen (z. B. Großbritannien)..

Grundprinzipien

Lassen Sie uns nun die grundlegenden Regeln für das Erstellen von Websites mithilfe der schrittweisen Verbesserung überprüfen.

Grundlegende Inhalte sollten für alle Webbrowser zugänglich sein

Dies ist ziemlich einfach, wenn Sie den Kontext verstehen, in dem das Wort "Inhalt" verwendet wird.

"Inhalt" ist hier die Information, die der Benutzer in seiner grundlegendsten Form erhalten soll - Text. Überschriften, Anmerkungen, Links, Absätze und ähnliches sind in Ordnung, aber Bilder, Musik und Animationen sind nicht der Inhalt, über den wir hier sprechen (und sie sollten richtig beschrieben werden alt und Titel Attribute).

Nun ein Wort zum "barrierefreien" Aspekt: ​​Nicht nur alle Webbrowser sollten in der Lage sein, Ihre Inhalte anzuzeigen, sondern sie sollten auch in einem lesbaren Format angezeigt werden. Daher ist es keine gute Idee, den gesamten Text ohne Formatierung in einen einzigen Absatz zu kopieren.

Die grundlegende Funktionalität sollte für alle Webbrowser zugänglich sein

Dies bedeutet, dass der Benutzer weiterhin in der Lage sein sollte, den Inhalt zu navigieren, wenn sich auf Ihrer Seite ein Anker oder eine Schaltfläche befindet. Dies ist egal, ob er die neueste Version von Chrome oder eine ältere Version von Internet Explorer verwendet.

Semantic Markup enthält alle Inhalte

Dieser Punkt erfordert mehr Planung, insbesondere wenn es darum geht, komplizierte Entwürfe zu erstellen. Es zwingt Sie dazu, Ihren Inhalt mit möglichst wenigen HTML-Tags in grundlegende HTML-Tags einzufügen. Dies bedeutet, dass wir kein Dutzend davon nisten können