Skapa hjälpmedelsförberedda adaptiva formulär creating-accessible-adaptive-forms

CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Introduktion introduction

Ett hjälpmedelsanpassat formulär är ett formulär som alla kan använda, inklusive användare med särskilda behov. Adobe Experience Manager (AEM) innehåller ett antal funktioner som gör det enklare att använda adaptiva formulär för användare med olika funktioner. Lösningen hjälper också formulärförfattare att skapa tillgängliga adaptiva formulär.

Att bygga in tillgänglighet i anpassningsbara formulär ger inte bara en så bred publik som möjligt, utan det är också ett krav när det gäller att leverera dokument i områden där det krävs överensstämmelse med tillgänglighetsstandarder. AEM Forms hjälper formulärutvecklare att följa tillgänglighetsstandarderna.

När du skapar ett anpassat formulär bör du tänka på följande när du skapar hjälpmedelsförberedda formulär:

  • Ange korrekta etiketter för formulärkontroller
  • Ange textmotsvarigheter för bilder
  • Ange tillräcklig färgkontrast
  • Kontrollera att formulärkontrollerna är tangentbordstillgängliga

Ange korrekta etiketter för formulärkontroller provide-proper-labels-for-form-controls

Etiketten eller titeln för en komponent identifierar vad formulärkomponenten representerar. Texten "Förnamn" anger till exempel att användaren måste ange sitt förnamn i ett textfält. För att skärmläsare ska kunna komma åt etiketten är den programmatiskt kopplad till en formulärkomponent. Formulärkontrollen kan även konfigureras med ytterligare hjälpmedelsinformation.

Etiketten som upplevs av skärmläsare behöver inte nödvändigtvis vara samma som den visuella bildtexten. I vissa fall kanske du vill ange kontrollens syfte mer specifikt. För varje fältobjekt i ett formulär kan hjälpmedelsalternativen användas för att ange vad skärmläsaren ska meddela för att identifiera det specifika formulärfältet.

Så här använder du alternativet Hjälpmedel:

  1. Markera en komponent och tryck på cmppr .
  2. Klicka Tillgänglighet i sidlisten för att välja önskat hjälpmedelsalternativ.

Tillgänglighetsalternativ i formulärkomponenter accessibility-options-in-form-components

Tillgänglighetsalternativ i formulärkomponenter

Egen text Formulärförfattare anger innehållet i alternativet Anpassad text för hjälpmedel. Den här anpassade texten används i hjälpmedelstekniken, till exempel skärmläsare. Att använda inställningen Titel är det bästa alternativet i de flesta scenarier. Du bör endast skapa Reader-text för anpassad skärm när du inte kan använda rubriken eller en kort beskrivning.

Kort beskrivning För de flesta komponenter visas den korta beskrivningen vid körning när användaren placerar pekaren över komponenten. Du kan ange det här alternativet i fältet för kort beskrivning under alternativet för hjälpinnehåll.

Titel Använd det här alternativet om du vill att AEM Forms ska kunna använda den visuella etikett som är kopplad till formulärfältet som skärmläsartext.

Namn Du kan ange ett värde i fältet Namn på fliken Bindning. Namnet får inte innehålla blanksteg.

Ingen Om du väljer Ingen får formulärobjektet inget namn i det publicerade formuläret. Ingen rekommenderas inte för formulärkontroller.

NOTE
Alternativknapp och kryssruta kan bara ha två alternativ för tillgänglighet: Anpassad text och Titel.
NOTE
För XFA-baserade adaptiva formulär ärvs hjälpmedelsalternativet från de hjälpmedelsalternativ som angetts i XDP. Verktygstips från XDP mappas till Short Description och Caption mappas till Title. De andra alternativen fungerar som de är.

Ange textmotsvarigheter för bilder provide-text-equivalents-for-images

Bilder kan förbättra förståelsen för vissa användare. För användare som använder skärmläsare minskar dock bilderna formulärets tillgänglighet. Om du väljer att använda bilder anger du textbeskrivningar för alla bilder.

Kontrollera att texten beskriver objektet och dess syfte i formuläret. En skärmläsare läser upp den här alternativa texten när en bild påträffas. En bild måste alltid ha en alternativ text angiven.

Markera en bildkomponent och tryck cmppr . Ange alternativ text för en bild under Egenskaper i sidlisten.

Alternativ text för en bild

Ange tillräcklig färgkontrast provide-sufficient-color-contrast

Hjälpmedelsdesignen inbegriper att överväga ytterligare riktlinjer för färganvändning. Formulärförfattare kan använda färger för att förbättra formulärens utseende genom att markera olika formulärkomponenter. En felaktig användning av färg kan dock göra ett formulär svårt eller omöjligt att läsa av personer med olika funktioner.

Användare med nedsatt syn förlitar sig på hög kontrast mellan text och bakgrunden för att läsa digitalt innehåll. Utan tillräcklig kontrast kan ett formulär bli svårt, för att inte säga omöjligt, att läsa för vissa användare.

Vi rekommenderar att du använder standardfärgerna för teckensnitt och bakgrund - innehåll i svart färg mot en vit bakgrund. Om du ändrar standardfärgerna väljer du antingen en mörk förgrundsfärg på en ljus bakgrundsfärg, eller tvärtom.

Se Skapa anpassade teman för anpassade formulär, om du vill ha mer information om hur du ändrar färgkontrast och tema för de adaptiva formerna.

Kontrollera att formulärkontrollerna är tangentbordstillgängliga ensure-that-form-controls-are-keyboard-accessible

Ett hjälpmedelsanpassat formulär kan fyllas i helt med bara tangentbordet eller en motsvarande indataenhet. Användare med nedsatt rörelseförmåga eller nedsatt syn har kanske inget annat val än att använda tangentbordet och många användare som kan använda en mus föredrar tangentbordsinmatning. Genom att använda de olika indatametoderna kan du inte bara skapa hjälpmedelsförberedda formulär, du kan också skapa formulär som bättre passar alla användares önskemål.

Följande kortkommandon finns i AEM Forms.

Åtgärd
Kortkommando
Flytta markören framåt genom ett formulär
Tabb
Flytta markören bakåt genom ett formulär
Skift+Tabb
Flytta till nästa panel
Alt+högerpil
Flytta till föregående panel
Alt+vänsterpil
Återställ ifyllda data i ett formulär
Alt+R
Skicka ett formulär
Alt+S
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da