ForHosting KIT · Prüfen & Validieren

Mindestgröße eines Touch-Ziels prüfen

Der Prüfer für Touch-Zielgrößen vergleicht die dargestellte Breite und Höhe einer Schaltfläche, eines Links, eines Symbols oder eines anderen interaktiven Elements mit dem von Ihnen gewählten Mindestmaß.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Standardmäßig gelten 44 mal 44 Punkt, ein verbreiteter Richtwert für mobiles Design. Sie können jedoch einen anderen Grenzwert und eine andere Einheit festlegen. Das Ergebnis nennt den Status jeder Dimension, das Gesamtergebnis und den genauen Korrekturbedarf.

Messen Sie das interaktive Ziel und nicht nur das sichtbare Symbol

Bei der Barrierefreiheit für Touch-Bedienung zählt die Fläche, die auf eine Berührung reagiert. Ein kleines Symbol kann in einer Schaltfläche mit großzügigem Innenabstand liegen. Wenn Sie nur die Grafik messen, könnte ein gut bedienbares Element fälschlich durchfallen. Auch der umgekehrte Fall ist möglich: Ein Symbol wirkt groß, während sein anklickbares Element eine kleinere Fläche einnimmt. Untersuchen Sie das dargestellte interaktive Element und geben Sie dessen Breite und Höhe ein. Verwenden Sie für alle vier Größenwerte dieselbe Einheit. Die Prüfung nutzt standardmäßig Punkt und ein Mindestmaß von 44 mal 44, rechnet Punkt, Pixel, dichteunabhängige Pixel oder Millimeter aber nicht stillschweigend um. Solche Einheiten hängen vom Design und von der Laufzeitumgebung ab. Die Einheit wird im Ergebnis festgehalten, damit Berichte nachvollziehbar bleiben. Breite und Höhe müssen positive, endliche Zahlen sein. Null, negative Werte, fehlende Maße, Texte und nicht endliche Zahlen werden abgewiesen, statt eine irreführende Bewertung zu erzeugen. Dadurch eignet sich die Ausgabe für manuelle Prüfungen, Designsystem-Kontrollen und deterministische automatisierte Tests.

Verstehen Sie Dimensionsprüfungen und Fehlbeträge

Ein Touch-Ziel besteht nur, wenn beide Dimensionen ihr jeweiliges Mindestmaß erreichen oder überschreiten. Die Antwort trennt width_passes und height_passes, denn ein breites, aber niedriges Bedienelement benötigt weiterhin Aufmerksamkeit, selbst wenn seine Gesamtfläche großzügig erscheint. meets_minimum ist nur wahr, wenn beide Kennzeichen wahr sind. Fällt eine Dimension durch, zeigt ihr Fehlbetrag genau, wie viel in der gewählten Einheit ergänzt werden muss; bei einer bestandenen Dimension beträgt er null. Ein Ziel mit 40 mal 52 Punkt fällt gegenüber einem Minimum von 44 mal 44 insgesamt durch: Die Höhe besteht, die Breite nicht, und width_shortfall beträgt 4. Gleichheit gilt als bestanden, daher erfüllt 44 mal 44 den Standardgrenzwert exakt. Die Berechnung vergleicht Dimensionen einzeln und behandelt ein flächengleiches Rechteck nicht wie ein Quadrat. Diese Unterscheidung ist für die Touch-Bedienung wichtig, weil ein sehr schmales oder flaches Ziel trotz rechnerisch großer Fläche schwer zu treffen bleibt. Es erfolgt keine Rundung. Dezimalmaße und benutzerdefinierte Mindestwerte behalten somit die von Ihnen übergebene Genauigkeit.

Wählen Sie das Mindestmaß Ihrer Vorgabe

Designsysteme und Barrierefreiheitskriterien veröffentlichen unterschiedliche Zielgrößen; ähnlich wirkende Einheiten sind nicht automatisch austauschbar. Verwenden Sie den Standardwert von 44 mal 44 Punkt, wenn Sie genau diese Regel prüfen. Legt Ihr Produkt ein anderes Ziel fest, geben Sie minimum_width und minimum_height ausdrücklich in derselben Einheit wie das gemessene Element an. Ein Team mit einer Vorgabe von 48 mal 48 dichteunabhängigen Pixeln kann beispielsweise beide Mindestwerte auf 48 setzen und dp wählen. Bei einer Webprüfung können Sie px auswählen und den vom gewählten Kriterium geforderten CSS-Pixel-Grenzwert eingeben. Das Werkzeug liefert einen geometrischen Vergleich. Es behauptet nicht, dass ein einzelner Standardwert die Einhaltung aller Barrierefreiheitsnormen belegt, und prüft weder Abstands-Ausnahmen noch überlappende Ziele, Zoomverhalten, alternative Gesten oder benachbarte Bedienelemente. Diese Aspekte erfordern eine Prüfung von Layout und Interaktion. Nutzen Sie das Ergebnis als gezielte, reproduzierbare Kontrolle innerhalb dieses umfassenderen Prozesses. Da der Algorithmus weder Netzwerk, Uhr, Zufall noch Geräteabfrage verwendet, erzeugt dieselbe Eingabe im Browser und über die API immer dieselbe Ausgabe.

Eine mobile Designspezifikation prüfen

Vergleichen Sie vorgeschlagene Maße von Schaltflächen und Symbolbedienelementen mit dem im Designsystem des Produkts festgelegten Touch-Mindestmaß.

Eine Barrierefreiheitsprüfung priorisieren

Wandeln Sie gemessene Elementgrößen in getrennte Breiten- und Höhenbefunde mit genauen Fehlbeträgen für Korrekturaufgaben um.

Komponenten des Designsystems testen

Verwenden Sie deterministische Ergebnisse in automatischen Prüfungen kompakter, normaler und großer Varianten vor der Veröffentlichung.

Welches Mindestmaß verwendet der Prüfer standardmäßig?

Der Standard beträgt 44 mal 44 Punkt. Setzen Sie minimum_width, minimum_height und unit, falls Ihre Vorgabe einen anderen Grenzwert nutzt.

Besteht ein Ziel, wenn nur eine Dimension groß genug ist?

Nein. Breite und Höhe werden getrennt geprüft; meets_minimum ist nur wahr, wenn beide bestehen.

Rechnet das Werkzeug Punkt, Pixel, dp und Millimeter um?

Nein. Elementmaße und Mindestwerte müssen dieselbe Einheit verwenden; so werden kontextabhängige Umrechnungen vermieden.

Soll ich das Symbol oder die anklickbare Fläche messen?

Messen Sie die gesamte interaktive Trefferfläche einschließlich anklickbarem Innenabstand, nicht nur das sichtbare Symbol oder die Beschriftung.

Garantiert ein bestandenes Ergebnis Barrierefreiheit?

Nein. Es vergleicht ausschließlich die gelieferten Maße mit dem angegebenen Minimum. Abstände, Ausnahmen, Gesten und weitere Anforderungen sind separat zu prüfen.

Was kostet die Nutzung der API?

Der API-Zugriff beginnt bei $0.002 pro Anfrage. Die Browserversion führt dieselbe deterministische Berechnung lokal aus.

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

POSThttps://api.kit.forhosting.com/verify/touch-target-size-check

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/verify/touch-target-size-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"width":48,"height":48}'
{
  "width": 48,
  "height": 48
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "verify.touch_target_size_check",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →