Hier gibt es Hinweise zu Werkzeugen, die ihr vielleicht gebrauchen könnt.
Für die Prüfung der HTML- und CSS-Seiten gibt es den Validation Service und Link-Checker von W3C:
HTML-Validator CSS-Validator Link-CheckerWas tun, wenn Fehler angezeigt werden? Hinweise der Checker beachten, ggf. zusätzlich den Rocket Validator oder KI einsetzen.
Für die Prüfung der Leistung einer Website und Hinweise zur Barrierefreiheit gibt es PageSpeed Insights von Google.
Für die Prüfung korrekter Lizenzangaben für Wikipedia-Bilder gibt es den Lizenzhinweisgenerator von Wikimedia:
LizenzhinweisgeneratorKomplexere mailto-Links lassen sich mit einem Linkgenerator anfertigen, z.B.:
Mailto-GeneratorFür die Darstellung von Zeichen gibt es eine Referenz bei selfhtml.
Für die Darstellung von Schriftarten gibt es den Typetester.
Farbsüchtige werfen einen Blick in das Adobe Color-Wheel.
Was schreibe ich in die Meta-Tags? Hierfür gibt es den Meta-Tag-Generator.
Nützlich sind auch kleine Online-Tools um Fotos in die richtige Größe und das geeignete Format umzuwandeln, z.B. bildverkleinern.com
KI-Werkzeuge lassen sich ebenfalls gut nutzen. Eine einfache, in der Basisversion kostenfreie Variante ist ein KI-Browser, wie z. B. Comet Browser, der in einer Sidebar oder einem Assistentenfenster die Webseite des html-Editors automatisch behandelt. Damit lässt sich nicht nur der Code prüfen, sondern es können auch inhaltliche Angaben oder die Grammatik geprüft werden. Soll der Code geändert werden, muss er dann mit Copy/Paste im Editor eingefügt werden. Darüber hinaus gibt es zahlreiche Browsererweiterungen als Sidebar. Professionelle Programmierwerkzeuge wie z. B. ChatGPT Codex, Cursor oder Claude sind nur in den kostenpflichtigen Pro Versionen sinnvoll nutzbar. Diese haben den Vorteil, dass sie komplexe Analysen durchführen und - nach Freigabe - direkt den Code ändern können.