Einfaches Label für zwei Eingänge

8

Ich füge derzeit ein Datum in ein Formular ein. Ich habe eine 'Start Date' und 'End Date' Eingabe, aber möchte nur eine einzige Bezeichnung ('Dates') für beide Eingaben verwenden.

Ist das möglich? Was sind die Bedenken hinsichtlich der Zugänglichkeit?

Mein derzeitiger Gedanke ist, ein Label "Dates" zu haben, das dann zwei verborgene Labels für jeden Input für Screenreader usw. hat. Ist das der Weg zu gehen? Gibt es Beispiele für große Websites, die so etwas tun (wenn möglich auf Government-Websites)?

Dies ist ein Projekt, das von einer Regierungsbehörde genutzt werden kann, daher gibt es strenge Regeln für die Barrierefreiheit.

    
AverageMarcus 13.02.2013, 12:53
quelle

3 Antworten

6

In diesem Fall denke ich, dass das beste Markup darin besteht, die Eingaben in fieldset zu verpacken, legend für "Dates" zu verwenden, labels für beide inputs zu verwenden und die Labels auszublenden:

HTML

%Vor%

CSS

%Vor%

Geige hier

Siehe auch: WCAG 2, H71: Bereitstellung einer Beschreibung für Gruppen von Formularsteuerelementen mithilfe von Fieldset- und Legendenelementen

    
steveax 14.02.2013, 19:01
quelle
4

Ich denke, Ihre beste Wette wäre es, jedem Eingang ein Label hinzuzufügen. Dann kann für das Etikett, das nicht auf der Seite angezeigt werden soll, einfach die Seite mit CSS über

gelöscht werden %Vor%

... oder etwas Ähnliches

    
Billy Moat 13.02.2013 13:00
quelle
1
___ answer 14854143 ___

Das Problem hier ist, dass Sie nur ein for für jedes Etikett angeben können. Ich würde mir vorstellen, dass es für Zugänglichkeitszwecke am besten wäre, zwei labels eins für jedes Datum zu zeigen. Auf diese Weise erhält jeder, der einen Bildschirmleser usw. verwendet, eine gültige Bezeichnung für jeden Eingang.

%Vor%     
___ tag123html ___ HTML (Hyper Text Markup Language) ist die Standard-Auszeichnungssprache, die zum Strukturieren von Webseiten und zum Formatieren von Inhalt verwendet wird. HTML beschreibt die Struktur einer Website semantisch zusammen mit Hinweisen für die Präsentation, wodurch sie eine Markup-Sprache statt einer Programmiersprache wird. Die neueste Revision der HTML-Spezifikation ist HTML5.2. ___ qstnhdr ___ Einfaches Label für zwei Eingänge ___ tag123forms ___ Ein Formular ist im Wesentlichen ein Container, der verwendet werden kann, um eine beliebige Menge einer Teilmenge verschiedener Datentypen zu speichern. HTML-Formulare werden verwendet, um Daten an einen Server zu übergeben. VB- und C # -Formulare sind die Fenster, die für die Interaktion mit dem Benutzer verwendet werden. ___ tag123accessibility ___ Barrierefreiheit versucht, eine Anwendung für alle nutzbar zu machen, einschließlich Menschen mit Behinderungen wie visuelle, auditive, ambulante oder kognitive Beeinträchtigung. ___ tag123input ___ Die Eingabe bezieht sich normalerweise auf die Benutzereingabe, d. h. auf die Daten, die der Benutzer an eine laufende Anwendung liefert. In vielen Systemen wird diese Eingabe als potenziell gefährlich angesehen und muss bereinigt werden, um sicherzustellen, dass der Benutzer keinen ausführbaren Code in die Anwendung injiziert hat. ___ answer14882111 ___

In diesem Fall denke ich, dass das beste Markup darin besteht, die Eingaben in %code% zu verpacken, %code% für "Dates" zu verwenden, %code% für beide %code% zu verwenden und die Labels auszublenden:

HTML

%Vor%

CSS

%Vor%

Geige hier

Siehe auch: WCAG 2, H71: Bereitstellung einer Beschreibung für Gruppen von Formularsteuerelementen mithilfe von Fieldset- und Legendenelementen

    
___ qstntxt ___

Ich füge derzeit ein Datum in ein Formular ein. Ich habe eine 'Start Date' und 'End Date' Eingabe, aber möchte nur eine einzige Bezeichnung ('Dates') für beide Eingaben verwenden.

Ist das möglich? Was sind die Bedenken hinsichtlich der Zugänglichkeit?

Mein derzeitiger Gedanke ist, ein Label "Dates" zu haben, das dann zwei verborgene Labels für jeden Input für Screenreader usw. hat. Ist das der Weg zu gehen? Gibt es Beispiele für große Websites, die so etwas tun (wenn möglich auf Government-Websites)?

Dies ist ein Projekt, das von einer Regierungsbehörde genutzt werden kann, daher gibt es strenge Regeln für die Barrierefreiheit.

    
___ answer14854190 ___

Ich denke, Ihre beste Wette wäre es, jedem Eingang ein Label hinzuzufügen. Dann kann für das Etikett, das nicht auf der Seite angezeigt werden soll, einfach die Seite mit CSS über

gelöscht werden %Vor%

... oder etwas Ähnliches

    
___ tag123labels ___ Ein Label ist ein Platzhalter für Text und andere UI-Elemente. ___
Liam 13.02.2013 12:58
quelle