Kategorien
Tools

Hex Farben anzeigen und RGB-Werte ermitteln

Als Webdesigner braucht man öfters mal den HEX (#0000ff) oder RGB-Wert (0, 0, 255) der Farbe eines Elements auf einer Webseite. RGB-Werte ermitteln kann man ganz einfach mit einer Pipette. Dabei handelt es sich um ein kleines Programm mit dem man das gewünschte Element anklicken kann. Dadurch werden die Farben als RGB Werte angezeigt, die leicht in eine CSS Datei oder in die eigene Webseite übernommen werden können.

Kategorien
Tools

Link Checker für PC und Mac

Link-Checker überprüfen, ob Links gültig sind und nicht auf defekte Seiten verlinken.

Wenn Ihre Website an Umfang zunimmt und Sie mit vielen Links auf andere Seiten verweisen, behalten Sie mit einem Linkchecker den Überblick. Er prüft, ob alle Links zu anderen Seiten noch funktionieren oder ob sich auf der Zielseite etwas geändert hat und die Seite evtl. nicht mehr da ist.

Das Prinzip ist ganz einfach: Man hat eine Seite oder ein Programm, auf der man die Adresse seiner Homepage angibt und das Programm prüft alle Links der Seite und zeigt anschließend in einer Übersicht an, ob manche davon defekt sind.


W3c Linkchecker

Einfacher Website Online-Linkchecker. Man gibt die Adresse seiner Homepage an und die Links werden geprüft.
Nachteil: die Seite muss schon online sein wenn man die Links prüfen will. Vorteil: Kostenlos.


Xenu Link Checker

Der bis jetzt brauchbarste Link-Checker, der mir untergekommen ist.
Bestimmte Link-Arten wie Javascript- und Mailto-Links können von der Link-Prüfung ausgeschlossen werden. Kommt auch mit einem Cluster zurecht. Vorteil: Kostenlos. Nachteil: kann keine SSL Links prüfen.
Betriebssystem: Win NT | Win 98 | Win 95
Homepage: http://home.snafu.de/tilman/xenulink.html

Der Xenu Link Checker. Seit Jahren das Werkzeug zum überprüfen von Links
Der Xenu Link Checker. Seit Jahren das Werkzeug zum überprüfen von Links

Screaming Frog SEO Spider

Der Screaming Frog ist ein Website crawler mit dem man die Seite überprüfen und bestimmte SEO-Parameter durchforsten kann.
Die Kostenlose Version für Windows und Mac erlaubt es sich einen guten überblick zu verschaffen.


Web Link Validator

Profi Linkchecker für Sites mit Tausenden von Seiten.
Kommt auch mit SSL Seiten zurecht. Ganze Reports und Vorlagen können gespeichert werden. Nachteil: Kostenpflichtig, Preis je nach Anzahl der Links, die gecheckt werden können.
Vorteil: Sehr Umfangreich. Von der gleichen Firma ist übrigens der kostenlose REL Link Checker Lite verfügbar.


Homesite Link-Checker
Die im HTML Editor Homesite integrierte Light Version des LinkBots Link-Checker leistest gute Dienste für kleinere Sites.
Die Ergebnisse werden übersichtlich dargestellt.
Links können auch nach unterschiedlichen Kategorien wie Bild, PDF, Mailto-Links sortiert werden.
Der Editor Dreamweaver von Macromedia verfügt ebenfalls über einen Link-Checker.


Link-Checker für Apple

Auf dem Mac benutze ich im Moment den Linkchecker Integrity. Nicht ganz so schnell wie Xenu, aber trotzdem brauchbar.

Integrity Link Checker für Mac
Beispiel eines Link-checkers

Check My Links für Google Chrome Browser

Eine nützliche Erweiterung für den Google Chrome Browser die sich an Webmaster und Web-Designer richtet um schnell die Links auf einer Seite zu prüfen. Chrome erweiterung laden


Weitere nützliche Tipps im Artikel wie man einen Linkchecker für seine Seite richtig einsetzt. Wer noch nicht genug hat, benutzt die Liste mit Linkchecker auf Perl Und Python basis.
Siehe auch die Website Checkliste.

Kategorien
Usability

Usability-Bericht schreiben

Übersicht

  1. Empfehlungen für Ihren Usability-Bericht
    1. Deckblatt
    2. Einleitung
    3. Zusammenfassung (Executive Summary)
    4. Detaillierte Ergebnisdokumentation
      1. Heuristische Evaluation
      2. Cognitive Walkthrough
      3. Dokumentation der Usability-Tests
      4. Evaluation der Barrierefreiheit
      5. Empfehlungen zu Design-Alternativen
    5. Anhang und Quellenverzeichnis
  2. Bewertungskriterien für Ihren Usability-Bericht 

1   Allgemeines

‚Verkaufen‘ Sie die von Ihnen gefundenen Usability-Probleme an Ihren Auftraggeber. Bedenken Sie, dass auch ein Usability-Bericht ‚usable‘ sein muss.

In Ihrem Bericht präsentieren Sie Ihre Evaluationsergebnisse und machen Ihre Vorgehensweise und Quellen transparent. Dadurch ermöglichen Sie es dem Auftraggeber nachzuvollziehen, ob und inwiefern Ihre Ergebnisse gültig sind. Sie zeigen sich mit Ihrer Kompetenz gegenüber Ihrem Auftraggeber, indem Sie Ihre Ergebnisse gewichten und konstruktiv formulierte Empfehlungen zur Verbesserung seines Produkts geben.

Von Bibliotheks- und Informationsmanagern wird ein professioneller Umgang mit Texten erwartet. Bitte zeigen Sie Ihrem Auftraggeber, dass Sie die deutsche Orthographie und Grammatik beherrschen. Sorgen Sie für die Lesbarkeit Ihres Textes durch eine hilfreiche Gliederung, ein unterstützendes Layout und klar strukturierte Sätze. Verwenden Sie kein seminarinternes Fachchinesisch; Ihr Auftraggeber wird wissen, was ‚Navigation‘ ist, wird sich aber z.B. unter dem ‚Persona-Konzept‘ nichts vorstellen können.

Viele Ihrer Auftraggeber haben wenig Zeit. Legen Sie deshalb Ihrem Bericht das Prinzip der invertierten Pyramide zugrunde: Erst kommt die Zusammenfassung, dann die Einzelheiten, davon erst die hochrelevanten, dann die mit geringerem Gewicht. Kennzeichnen Sie sehr ernste Probleme deutlich. Beachten Sie, dass der Zweck eines Usability-Berichts eine Verbesserung der Website ist – und nicht, einen möglichst umfangreichen Bericht zu schreiben. Die Qualität eines Usability-Berichts wächst nicht proportional zu seiner Länge.

zurück nach oben

2   Empfehlungen für Ihren Usability-Bericht

Usability-Berichte können sehr unterschiedlich aussehen. In der Praxis werden Sie Ihren eigenen Weg finden, Ihren Bericht zu gestalten.

2.1   Das Deckblatt Ihrer Arbeit enthält:
  • Ihren Namen bzw. alle Namen des Arbeitsteams und Ihre EMail-Adressen
  • den Titel Ihrer Arbeit, z.B. „Bericht über eine Usability-Evaluation für …“
  • Datum
  • den Namen der Veranstaltung, in der der Bericht entstanden ist
  • Seminarleitung: Prof. Ursula Schulz, HAW Hamburg, Fakultät DMI, Department Information

2.2   Die Einleitung
  1. Inhaltsverzeichnis
  2. 1-2 Sätze Dank für den Auftrag, URL der begutachteten Site und ggfl. Eingrenzung, falls nur ein Teil der Site evaluiert wurde.
  3. Sehr kurze Beschreibung der angewendeten Methoden und ihrer Funktion, einschließlich der zur Evaluation der Barrierefreiheit. Geben Sie einen Hinweis auf zwei Quellen für den Leser, der mehr wissen will: use: http://www.bui.haw-hamburg.de/pers/ursula.schulz/use/ und BIK: http://www.bik-online.info/.
  4. Kurze Beschreibung, wie Sie Ihren Ergebnisbericht aufgebaut haben.

Dieser Teil soll nicht viel länger als 1 Seite sein; Ihr Auftraggeber will in erster Linie Ergebnisse sehen. Wenn Sie Ihre Beschreibung und Begründung einer Quelle entnehmen, geben Sie sie bitte an.

zurück nach oben

2.3   Zusammenfassung für den eiligen, aber wichtigen Leser (Executive Summary)

Zielgruppe dieses Reportteils sind Entscheidungsträger in Führungspositionen. Sie sind nicht mit der Programmierung von Ihren Änderungsvorschlägen beschäftigt. Sie wollen wissen, ob ihre Website okay ist oder ob Zeit und Personal für größere Änderungen eingeplant werden müssen. Sie wollen keine Zeit in die Details Ihres Berichts investieren.

Erwähnen Sie deshalb ganz zu Anfang, ob die untersuchte Website insgesamt so bleiben kann oder ob größere bzw. viele Änderungen notwendig sind. Fassen Sie Ihre wesentlichen Ergebnisse für die gestresste Führungsperson zusammen. Geben Sie Ihrer Zusammenfassung ein hilfreiches Layout. Die Zusammenfassung sollte nicht mehr als 2 Seiten umfassen:

Heben Sie zunächst Ihre positiven Ergebnisse und die wesentlichen positiven Reaktionen Ihrer Testpersonen hervor. Falls Sie 1-2 typische positive Aussagen Ihrer Testpersonen haben, zitieren Sie sie hier. Das sollte weniger als 1 Seite umfassen.

Wenn Sie einen SUS-Test machen, geben Sie die Ergebnisse als erste wieder.

Beschreiben Sie dann die wesentlichen Usability-Probleme. Nennen Sie die Bereiche, die überarbeitet werden müssen und geben Sie eine Einschätzung darüber ab, ob die Nachbesserung aufwändig oder kosmetischer Natur sein wird.

zurück nach oben

2.4.   Die detaillierte Ergebnisdokumentation

Zielgruppe dieses Reportteils sind die Programmierer und Webdesigner, die Ihre Empfehlungen ggfl. umsetzen.

2.4.1   Die Dokumentation der heuristischen Evaluation …

… beginnt mit einem Satz wie z.B. „Wir haben Ihre Website nach bewährten Usability-Kriterien untersucht. Wir schildern die wesentlichen Usability Probleme und bieten Ihnen Verbesserungsvorschläge dazu an.“

Präsentieren Sie Ihre Befunde und Empfehlungen tabellarisch. Gliedern Sie Ihre Tabelle nach den Aspekten Ihres Kriterienkatalogs in allgemein verständlicher Terminologie. Sie können sich an den unten verlinkten Beispielen orientieren, indem Sie sie sinnvoll Ihrem Auftrag und Ihren Kriterien anpassen. Versehen Sie jedes aufgetretene Problem mit einer Gewichtung und – wo möglich – mit einem Verbesserungsvorschlag. In einer Spalte Ihrer Tabelle sollten Sie aufführen, durch welche zusätzlichen Methoden das jeweilige Problem gefunden wurde.

zurück nach oben

2.4.2  Die Dokumentation des Cognitive Walkthrough

Geben Sie Ihre Prognosen für Ihre Usability-Tests wieder, die Sie auf Grund Ihrer Cognitive Walkthroughs machen konnten. Führen Sie in einem Anhang die Arbeitsbögen Ihrer Walkthroughs an. Machen Sie auf Bereich aufmerksam, die besonders gut zu prognostizieren waren und ermutigen Sie Ihren Auftraggeber, solche Walkthroughs selbst durchzuführen – mit Hinweis auf use: Cognitive Walkthrough.

2.4.3   Die Dokumentation Ihrer Usability-Tests

Geben Sie solche Testergebnisse wieder,

  • die Ihre heuristische Evaluation ergänzen oder
  • die einen wesentlichen Problembereich in Ihrer heuristischen Evaluation oder des Cognitive Walkthrough untermauern.

Sie können ähnlich wie bei der heuristischen Evaluation eine tabellarische Form verwenden. Führen Sie Ihre Befunde in der Reihenfolge Ihrer Gewichtung des Problems auf. Ihr Bericht gewinnt an Anschaulichkeit und Lebendigkeit, wenn Sie einige typische Kommentare der Testpersonen einfließen lassen. Nennen Sie die Anzahl der Testpersonen, die das berichtete Problem hatten.

Suchen Sie 3-4 zentrale Szenen aus Ihren Test-Mitschnitten aus und fügen Sie sie Ihrem Bericht als Datei auf einer DVD bei.

zurück nach oben

2.4.4   Evaluation der Barrierefreiheit

Dieser Teil des Gesamtberichts braucht nicht mit den Usability-Teams gemeinsam erarbeitet zu werden. Weisen Sie kurz auf die BITV hin und in 1-2 Sätzen auf ihre zentrale Aussage. So wecken Sie – falls nötig – ein Problembewusstsein.

Dann folgen Ihre Ergebnisse und Empfehlungen. Empfehlen Sie zum Schluss die Tools, die Sie verwendet haben mit ihrem URL und dem URL zu den BITV-Richtlinien.

2.4.5   Ihre Empfehlungen und Design-Alternativen

Geben Sie in den tabellen möglichst zu jedem gefunden Usability-Problem eine Empfehlung, wie es behoben werden kann. Manche Empfehlungen sind so kurz und evident, dass Sie sie in eine Spalte Ihrer Tabellen aufführen können. Bei komplexeren Empfehlungen hilft es Ihrem Auftraggeber nur dann, wenn Sie Ihre Überlegungen anhand von Grafiken (z.B. Mockup Screens unter Powerpoint) veranschaulichen: Wie könnte eine gebrauchtaugliche Alternative zu den monierten Usability-Problemen aussehen?

  • Seien Sie sich Ihrer individuellen Vorlieben bewusst, die Sie evtl. in die Bewertung einbringen könnten und verzichten Sie darauf.
  • Achten Sie darauf, dass sich Ihre Empfehlungen nicht widersprechen.
2.5   Anhang und Quellenverzeichnis

Platzieren Sie gegebenenfalls Ihre Use Cases, Bögen für Cognitive Walkthroughs, Fragebögen u.ä. in einen Anhang.

Verzeichnen Sie hier mindestens die Usability-Website für das Modul und gegebenenfalls weitere Quellen, die Sie zitieren oder auf die Sie den Auftraggeber aufmerksam machen möchten.

zurück nach oben

4   Bewertungskriterien für Ihren Usability-Bericht

Sind Form, Stil und Inhalt des Berichts geeignet, an einen externen Auftraggeber weiter gegeben zu werden? Ist der Bericht selbst ‚usable‘?

formale Kriterien

  • Sind Orthographie und Grammatik korrekt?
  • Hilft das Layout, den Bericht zu verstehen und beim Überfliegen die wesentlichen Aussagen zu finden?
  • Ist der Aufbau logisch und leicht nachvollziehbar?
  • Werden die Informationsressourcen korrekt zitiert?

inhaltliche Kriterien

  • Wurden die Usability Methoden korrekt und nachvollziehbar angewendet?
  • Wird der Auftraggeber verstehen, was die Studierenden warum und mit welchen Ergebnissen unternommen haben, auch wenn er kein Usability Experte ist?
  • Werden die Ergebnisse gewichtet?
  • Haben sich die Studierenden über ihre Methoden und die Gültigkeit ihrer Annahmen und Thesen informiert?
  • Sind ihre Redesignvorschläge verständlich/anschaulich visualisiert und praktikabel?
  • Wird der Auftraggeber durch einen höflichen und wertschätzenden Ton dazu eingeladen, die Ergebnisse anzunehmen?

 

zurück nach oben

 

[Update: 18. Februar 2013 – Prof. Ursula Schulz, HAW Hamburg, Department Information]

 

Kategorien
Webmaster

WordPress Ladezeit Optimieren

1) Ladezeiten erfassen.
2) Prioritäten definieren
3) Komprimierung aktivieren
4) Plugins installieren
5) Bilder optimieren
6) Server Antwortzeiten verbessern

Kategorien
Tools

Projektmanagement Software Online

Bei der Suche nach einer Projektmanagement Software für den Relaunch von Kfz.Net bin ich auf das Online Tool von David Heinemeier Hansson, Erfinder vom Ruby on Rails Framework, gestoßen welches auch bei 37Signals eingesetzt wird.

Dabei hatte das Projektmanagement Software einige Anforderungen zu erfüllen:

  • Auf jedem Betriebssystem Verfügbar
  • Überall von unterwegs aus nutzbar (bleibt eigentlich nur eine online Lösung)
  • Alles oder Grundfunktionen auf dem Iphone verfügbar
  • Schnelles Handling beim eingeben neuer Aufgaben
  • Nicht zuviel mit Funktionen überladen
  • Zuweisung der Aufgaben an bestimmte Leute
  • Freie Mitarbeiter sollen nur bestimmte Aufgaben oder ToDos sehen
  • Upload von Dateien soll möglich sein
  • Anmerkungen zu bestimmten Tasks per E-Mail möglich

Jedenfalls habe ich mir dann einen kostenlosen Account bei Basecamp angelegt. Was allerdings verstehen sollte, ist dass man mit dem Account praktisch seine Firma oder sein Unternehmen anmelden sollte und dann werden unter diesem Account verschiedene Projekte angelegt (und nicht 1 Account pro Projekt).

Man liegt dann noch bequem Zugänge und Kontaktdaten von den Leuten an die auf das Tool Zugriff haben sollen und sendet den automatisch einen Einladungs-Link zu.

Nach anlegen des ersten Projekts kann man sofort Aufgaben Bereich anlegen und in diese kommen dann einzelne ToDos. Das ganz ist zwar sehr rudimentär aber echt in 10 Minuten angelegt und man kann sich auf die eigentliche Arbeit und die Verwaltung der Aufgaben konzentrieren und muss sich nicht erst einen halben Tag in eine neue Software einarbeiten.

Basecamp jetzt kostenlos ausprobieren

Kategorien
Webmaster

Ladezeit der Webseite testen

Heute Morgen bin ich auf ein interessantes Tool gestoßen, mit dem man online die Ladezeit der Webseite testen kann.
unter tools.pingdom.com/fpt/ bekommt man eine Übersicht aller Objekte, die geladen werden und wie groß diese sind.

Gerade wenn man im Team an einer Seite baut, gibt es unterschiedliche Konzepte, Know How und Ansichten wie Elemente in HTML umzusetzen sind. Dabei gibt es gute und schlechtere Lösungen, die sich auf die Ladezeit auswirken. Die Lade- und rendering Zeiten der Browser spielen natürlich auch eine Rolle. Ein paar Mal im Jahr sollte man seine Seite einem Ladezeiten-Test unterziehen und schauen, ob bestimmte Bereiche nicht mit CSS Shorthands oder CSS Kompression optimiert werden können oder ob wirklich alle Bilder des Layouts eine Optimierte Dateigröße haben, kann die Anzahl der HTTP Requests irgendwie reduziert werden?

Ich höre immer wieder, dass das doch eigentlich egal ist, alle DSL haben und so weiter. Ja stimmt, wenn der Aufwand aber nicht zu hoch ist kann man da ruhig noch ein wenig optimieren. Nach einem Relaunch wird das Template der Seite doch eh nur noch 1-2 im Jahr geändert. Da lohnt sich das dann auch. Ab und zu werden die Seiten ja auch von GPRS Iphone geladen, wie dieser Test eindrucksvoll zeigt.

Kategorien
Termine

Usability Online-Messe

Live-Interaktion mit Ausstellern:
Die ausstellenden Usability-Experten sind die Projekte der Förderinitiative „Einfach intuitiv – Usability für den Mittelstand“ von Mittelstand Digital. Auf der Messe finden direkte und persönliche Gespräche zwischen KMUs als Messebesucher und den Usability-Experten der Forschungsprojekte über eine Chat-Funktion statt.

Vorträge und Gruppen-Chats mit Usability-Fachleuten:
Angeboten werden auch Vorträge von Fachleuten aus Industrie und Wissenschaft zu relevanten Usability-Themen mit anschließender Gruppendiskussion per Video und Gruppen-Chat. Im Auditorium und an den Messeständen der unterschiedlichen Projekte können konkrete Fragen zu Usability gestellt und diskutiert werden. Messebesucher finden auch ein breites Angebot kostenloser Informationsmaterialien in verschiedensten Formaten. Ein einfacher und effizienter Austausch „unter einem Dach“ steht bei dieser Messe zu Usability „Made in Germany“ im Vordergrund.

Usability Messe Bild

Das Programm am 30.10.2014:

  • 10.15 Uhr: Software Made in Germany – Einfach intuitiv für den Mittelstand. Martin Hubschneider, Vorstandsvorsitzender CAS Software AG, Vizepräsident und Vorstand des Bundesverband IT-Mittelstand e.V.
  • 11.00 Uhr: Usability für Mobil – Von SmartPhone bis SmartWatch. Prof. Dr.-Ing. Thomas Ritz, Fachhochschule Aachen
  • 11.45 Uhr: Mit Personas die User Experience effizient optimieren! Thorsten Wilhelm, Seniorberater und Kontakter-Consultant eResult GmbH, und Blogger bei www.usabilityblog.de
  • 10.00 bis 16.00 Uhr: Besuch der virtuellen Messestände und weitere Videovorträge

Hier können Sie sich jetzt kostenlos zur Teilnahme registrieren:
http://www.ubivent.com/ufdm

Kategorien
Usability

Usability Day Hamburg

Zum Anlass des World Usability Day (Tag der Benutzerfreundlichkeit). Findet auch ein Usability Day in Hamburg statt. Dieses Jahr stellt die Hochschule für Angewandte Wissenschaften Hamburg (HAW Hamburg) die Räume zur Verfügung.

Ausstellung World Usability Day Hamburg
Stände auf dem World Usability Day

Dabei gibt es den ganzen Tag Vorträge mit Experten aus der Welt der User Experience (UX). Nutzen Sie die Chance sich beraten zu lassen, neues zu lernen und Ihre eigene Webseite zu verbessern.

 

Das Motto in diesem Jahr: Healthcare: Collaborating for Better Systems

Wann

  • Donnerstag, den 14. November 2013
  • 11:00 – 14:00 Uhr: Workshops (separate Anmeldung erforderlich)
  • 15:00 – 18:30 Uhr: Vorträge. Programm folgt (separate Anmeldung ab Mitte September möglich)
  • ab 18:30 Uhr Get-together

Ab 10:00 Uhr Einlass | ab 14:00 Einlass fürs Nachmittagsprogramm

Wo findet der Usability Day Hamburg statt?

Kunst- und Mediencampus Hamburg

Department Information HAW Hamburg
2. Etage

Finkenau 35
22081 Hamburg

Programm & Call for Papers zum World Usability Day Hamburg

Das Workshop- und Vortragsprogramm geben wir ab Mitte September bekannt.- Die Anmeldung schalten wir frei, sobald das Programm steht. Vorschläge für Vorträge und Workshops können ab sofort eingereicht werden.

Das Programm
11:00-14:00 Uhr – Workshops (5 praxisorientierte Workshops)
15:00-18:00 Uhr – Vorträge (10 Vorträge in zwei Tracks)
18:30-open end – Get Together

Links

Vortrag von Netdoktor auf dem Usability Day
Präsentation von NetDoktor zum Usability Day
Kategorien
Usability

Top 5 der Bestellabbrüche in einem Onlineshop

Laut einer Studie von Webcredible sind die meisten Gründe für einen Bestellabbruch in einem Onlineshop auf schlechte Benutzerfreundlichkeit zurückzuführen. Da nützt auch die beste SuchmaschinenOptimierung nichts wenn der Benutzer nicht zurecht kommt.

Die Top 5 Gründe für einen Abbruch im Onlineshop sind folgende:

  • Platz 1 Versteckte Kosten (41%)
  • Platz 2 Bestellungen nur mit Registrierung möglich (29%)
  • Platz 3 Unklare Lieferbedingungen (11%)
  • Platz 4 zu langer Bestellprozess (10%)
  • Platz 5 Keine schnell ersichtliche Telefonnummer (8%)

Solche Probleme bei der Benutzerführung lassen sich einfach beheben. Überprüfen Sie doch mal Ihren eigenen Shop auf diese Punkte.

Quelle: http://www.webcredible.co.uk

Kategorien
Usability

Bezahl Formulare richtig gestalten

Die richtige Gestaltung von Formularen ist eh schon schwierig genug, wenn es aber um die Gestaltung von Formularen zum Bezahlen geht wird es richtig knifflig.

Der folgende Tweet zeigt ein kurzes Video wie man ein Kreditkarten-Formular gestalten kann.

Was mich in Deutschland immer nervt sind schlecht gemachte Formulare für überweisungen. Je nach Bank oder Online Shop sind die Felder Bankleitzahl und Kontonummer anders positioniert. Die Feldlänge des Formulars wird zu genau geprüft dadurch kann nicht einfach die Konto- & Bank-Nummer aus einem PDF rauskopieren weil diese noch nach dem Schema XXX-XXX-XX aufgebaut sind.

Einfach mal selber ein paar Tests machen würde schon helfen. Hier eine Kurz Formular Checkliste:

  • Lassen sich Kontonummer, Bankleitzahl, Kreditkartennummer per Cut & Paste einfügen? Auch wenn diese Leerzeichen, Bindestriche oder sonstige Sonderzeichen enthalten?
  • Kann man durch drücken der Tab-Taste von einem Formularfeld zum nächsten springen? Wenn nicht haben alle Felder einen Tabindex im HTML Code?
  • Haben die Felder im HTML-Code Deutsche Bezeichnungen um auch eine Accessibility für Blinde zu haben? Sind die Bezeichnungen gänging damit im Browser Auto-Fill funktioniert?