Labels op een knop

Over labels op een knop

Knoppen zijn bedieningselementen die een actie uitvoeren.

Geef knoppen een label dat beschrijft wat het resultaat van de actie is

Geef elke knop een beschrijvend label die het resultaat van de actie uitlegt. Labels zoals ‘klik hier’ of ‘oké’ zijn niet duidelijk genoeg. Daarom is het belangrijk om labels te gebruiken die zelf aangeven wat er gebeurt als de knop wordt ingedrukt. Zo is gemakkelijk het verschil te zien tussen verschillende knoppen op dezelfde pagina.

Schermlezers kunnen een overzicht van alle knoppen presenteren. Zo kan snel worden genavigeerd naar de inhoud.

Knoppen moeten label hebben.

Fout voorbeeld: Label beschrijft niet het resultaat van de actie

Deze labels beschrijven niet het resultaat van de actie:

Goed voorbeeld: Label beschrijft het resultaat van de actie

Deze labels beschrijven het resultaat van de actie:

Geef afbeeldingen die ook worden gebruikt als knop een tekstalternatief dat beschrijft wat het resultaat van de actie is

Afbeeldingen die ook als link of knop worden gebruikt noemen we een functionele afbeelding. Deze afbeeldingen moeten een tekstalternatief hebben. Voor afbeeldingen die ook als knop worden gebruikt, is het belangrijk dat het tekstalternatief beschrijft wat er gebeurt als de actie wordt uitgevoerd.

Dit zijn bijvoorbeeld:

Als de afbeelding als enige element in de knop wordt gebruikt, dan is het tekstalternatief van de afbeelding ook direct het label van de knop. Zonder tekstalternatief heeft de knop geen label.

Als er ook tekst staat op een functionele afbeelding, moeten zowel de tekst op de afbeelding als het resultaat van de actie worden vermeld in het tekstalternatief. Dit maakt het makkelijker om de knop te activeren voor mensen die gebruik maken van spraakherkenningsoftware.