Hi.
Heute werden wir über den sehr wichtigen,
aber oft übersehenen Prozess der Validierung Ihrer Website sprechen.
Was ich damit meine, ist es Zeit für uns, Ihren Code zu überprüfen.
Warum wollen wir das bestätigen?
Ich nenne Browser gerne die Helikoptereltern der Programmierung.
Also viele Male wirst du deinen Code aufschreiben und dann hörst du auf und
du wirst es überprüfen und es sieht gut aus.
Und dann schreiben Sie etwas mehr Code und Sie hören auf und Sie überprüfen.
Und es sieht toll aus.
Und durch die bloße Tatsache, dass es so gut aussieht, gehen Sie davon aus, dass Sie Recht haben müssen.
Aber das p Problem ist, Browser sind so programmiert, dass sie nach
Ihren Fehlern suchen und sie beheben.
Das Problem dabei ist, dass nicht alle Browser Dinge auf die gleiche Weise reparieren.
Es ist auch wichtig, sich daran zu erinnern, dass nicht jeder
mit herkömmlichen Browsern auf Ihre Seite zugreift.
Wenn Ihre Seite immer komplexer wird,
können diese kleinen versteckten Probleme, diese kleinen versteckten Fehler, die die Browser verstecken, für
Menschen verheerend werden, die versuchen, mit unterschiedlicher Software auf sie zuzugreifen.
Es gibt also 3 Ansätze, um Ihren Code auf Konsistenz zu validieren.
Eine besteht darin, zu validieren, was wir den URI oder die URL nennen.
Eine andere besteht darin, nach Ihrem Dateinamen zu validieren, was bedeutet, anstatt Ihnen eine URL zu geben,
können Sie Ihre Datei tatsächlich hochladen, um sie zu überprüfen.
Der dritte Weg ist, was ich von Direct Input genannt habe.
Lassen Sie uns also voran gehen und ein Beispiel sehr schnell durchlaufen.
Auf dieser Seite, die ich verwenden werde, heißt der Validator.
In Ordnung.
Also, wenn Sie hier überprüfen, können wir beginnen, indem wir auf die validator.w3.org gehen.
Wie Sie sich erinnern können, ist der w3 wirklich die Assoziation
, um sicherzustellen, dass jeder sich an die gleichen Standards hält.
Und hier sind drei Optionen.
Wir können durch URI, die Validierung durch Datei-Upload und
die Validierung durch direkte Eingabe validieren.
Jetzt ist dies eine etwas wichtige Wahl.
Denn für einige von Ihnen können Sie sich nicht entscheiden, ein Hosting-System zu kaufen
, in diesem Fall können Sie ihm keine URL geben.
Sie können C://nicht eingeben, es
funktioniert einfach nicht, wenn Sie etwas, das für Ihren Computer spezifisch ist, setzen.
Stattdessen werde ich Ihnen ein Beispiel für die Validierung durch direkte Eingabe zeigen.
Lassen Sie uns anfangen, indem wir uns die Seite ansehen, die wir validieren werden.
Hier drüben habe ich mein kleines Bild von Ashtabula mit dem Strand.
Und wie Sie sehen können, sieht es ziemlich gut aus,
Sie sehen keine Probleme damit, wie Sie irgendwie hin und her gehen.
Aber mal sehen, was passiert ist, wenn ich diesen Code tatsächlich packe.
Also, wenn Sie diese Abkürzung wollen, funktioniert das für fast alle.
Ich gehe weiter und mache Control-A und Control-C.
Gehen Sie zurück hierher und wenn ich es in und
ich klicke auf Scheck, sobald ich anfangen, unten zu gehen, können Sie sehen, das sieht gut aus.
Sofort sagt es, dass Sie einen Fehler haben und dieser Fehler sagt verirrtes End-Tag, und
das ist für einen Abschnitt.
In den meisten Fällen können die Validatoren Ihnen irgendwie einen Hinweis darauf geben
, welche Zeile Sie durcheinander gebracht haben. Gehen wir also zurück und überprüfen Sie den Code.
Wenn ich hier rüber gehe und auf Linie 25 runtergehe.
Hoppla.
Geh hier ein bisschen rauf.
Nein, es gibt immer noch nichts.
Ich habe wirklich lange Schlangen.
Oh, der Validator hat Recht.
Wie Sie sehen können, habe ich versehentlich Abschnitt zweimal.
Was ich wirklich meinte, war, hier einen Endabschnitt und einen Anfangsabschnitt zu haben.
Also lasst uns das loswerden.
Ich werde speichern, ich werde alles wieder greifen und versuchen, oben eine neue Eingabe zu setzen.
Ich werde mich wirklich erfrischen.
Geh hierher zurück.
Und mal sehen, ob ich diesmal mehr Glück habe.
Gut, gut.
Keine Fehler oder Warnung zu zeigen, also werde ich nur gehen und
meine Seite wieder da draußen.
Dies ist also wirklich nur der einfachste Weg, um zu gehen und
sicherzustellen, dass die Syntax Ihres Codes korrekt ist.
Ich habe Ihnen ein sehr einfaches Beispiel gegeben, bei dem ich nur einen Fehler hatte.
Was normalerweise passieren wird, ist, dass es viele und
viele Fehler erzeugen wird.
Und was ich will, ist sicherzustellen, dass du nicht ausflippst, wenn du
sie alle siehst.
Der Grund ist, weil Fehler ist, was wir als propagieren nennen.
Der Kontrolleur wird verwirrt.
Wenn Sie einen Fehler oben sehen, führt dies zu einer ganzen Reihe von Fehlern.
Also, was Sie tun wollen,
ist, dass Sie immer den ersten Fehler beheben wollen, den der Validator sah.
Sobald Sie das behoben haben, gibt es eine wirklich gute Chance
, dass die 52 Fehler, die es entdeckt hat, jetzt auf 12 oder 11 gesunken sind.
Es besteht auch die Chance, dass, sobald Sie einen Fehler behoben haben,
er sehen kann, dass Sie 20 oder 30 weitere hatten.
Aber wieder, arbeiten Sie Schritt für Schritt daran.
Wenn der Fehler, den der Validator Ihnen gibt, nicht so klar
ist wie der, den ich gerade gesehen habe, können Sie online und in den verschiedenen Foren suchen.
Weil ich Ihnen versichern kann, dass andere die gleichen Fehler schon einmal gesehen haben.
Also, was Sie jetzt tun wollen, tatsächlich gehen wir zurück hierher, lassen Sie uns voran und
versuchen, die Datei nach URI zu validieren.
Wählen Sie Ihre Lieblings-Website und gehen Sie voran und geben Sie sie ein.
Ich werde voran gehen und setzen, nicht meine eigenen, weil ich ziemlich sicher bin, dass es validiert.
Ich werde in http://www.umsi.umich.edu setzen, damit
mein Chef sauer auf mich werden kann, wenn ich zeigen, dass seine Website potenziell nicht validiert.
Sofort können Sie sehen, dass' es wird eine Menge Fehler zu finden.
Egal, welche Website Sie in, vor allem, wenn es eine sehr beliebte Website ist,
Sie werden sehen, dass es eine Menge Fehler in diesem großen,
die Websites nicht validieren. Stellen
Sie sicher, dass Ihre Websites besser sind als ihre.
Es ist also eine Sache, für das, was wir Syntax nennen, zu validieren.
Es ist eine weitere Frage, die wir als Barrierefreiheit bezeichnen müssen.
Wieder haben wir darüber gesprochen, wie wichtig es ist, sicherzustellen, dass
Ihre Websites für die größte Anzahl von Personen zugänglich sind.
Also einer der Orte, die Sie gehen können, um zu überprüfen, dass wave.webaim.org ist, und
es ist eine Website für Sie zu gehen und überprüfen Sie Zugänglichkeit.
Also schauen wir uns das noch mal an.
Ich gehe hier hoch, und ich gehe zu winken, bekam Zugang zum Web.
Was Sie hier tun müssen, ist, dass Sie Ihren Code nicht für Datei hochladen können,
oder einfach nur durch den Code selbst, müssen Sie eine URL eingeben.
Also werde ich weiter gehen und zu dem gleichen gehen, wie wir es getan haben, vor dem
die Strände waren.
Und legen Sie es hier rein.
Und Sie sehen, dass ich keine Fehler bekommen habe, aber ich habe ein paar Warnungen bekommen.
Und die Warnungen sagten mir das einfach.
Ich bin mir nicht sicher, ob Ihr alternativer Text ganz so gut ist, wie er sein sollte.
Und auch, ein weiterer Punkt ist, zu sagen, dass Sie das gleiche haben, eine redundante Verbindung,
was bedeutet, dass Sie den gleichen Link zweimal haben.
So sieht im Moment alles gut aus, was die Syntax und
die sehr hohe Zugänglichkeit für die Semantik betrifft.
Also, eines der netten Dinge an der Validierung der Barrierefreiheit ist, dass es
Ihnen eine Vorstellung von Dingen gibt, über die Sie vorher noch nicht wirklich nachgedacht haben, aber
der Untergang ist, dass es nur auf gehosteten Seiten funktioniert.
Daher sind validierte Websites immer robuster und
zugänglicher als die Websites, die nicht validieren.
Also, als Coder ist es Ihre Aufgabe, sicherzustellen, dass Sie zu diesen
verschiedenen Validierungssites gehen und Ihren Code so reparieren, dass er den Standards entspricht.
Wenn Sie nicht codieren, ist es auch wichtig,
dass Sie die Websites besuchen, auf die Sie regelmäßig gehen, und gehen Sie voran und validieren diese.
Geben Sie ein echtes Gefühl für die verschiedenen Arten, Menschen fühlen, wie wichtig oder
nicht, ihre Website für jedermann zugänglich zu machen.
Viel Glück.