Én konkurrent ser poleret ud på hver skærm. En anden ser trang og forældet ud, selv om begge sælger lignende tjenester. Forskellen kommer som regel af ADA-tilpasning af en hjemmeside og de vaner, der ligger bag. Du lægger mærke til forskellen med det samme, selv om du endnu ikke kan navngive hver regel.
At få en hjemmeside til at overholde ADA omfatter kontrast, alt-tekst, adgang med tastatur og klar struktur. Her forklarer vi, hvad det betyder i et enkelt sprog, hvorfor det påvirker din hjemmeside og marketing, og hvordan du bruger det uden at fare vild i jargon. Du ser også, hvordan tilgængeligt design af hjemmesider passer ind i det samme billede. Lad os gå det igennem trin for trin.
Hvad ADA-tilpasning af en hjemmeside betyder i praksis
At få en hjemmeside til at overholde ADA omfatter kontrast, alt-tekst, adgang med tastatur og klar struktur.
Overholdelse af regler er en løbende opgave, efterhånden som du tilføjer indhold og funktioner.
Principper for tilgængeligt design af hjemmesider overlapper i høj grad med god UX.
Sådan bruger du ADA-tilpasning af en hjemmeside på din hjemmeside
Udgiv en erklæring om tilgængelighed, der beskriver din forpligtelse og vej til kontakt.
Start med én side, som din forside eller din vigtigste landingsside. Ret det største problem først, og tag så det samme mønster med til andre skabeloner.
Kombinér dette kapitel med design af hjemmesider, der overholder ADA som fundament og erklæring om tilgængelighed af hjemmesiden som næste skridt i dette modul.
Praktisk tjekliste, du kan bruge i dag
Udgiv en erklæring om tilgængelighed, der beskriver din forpligtelse og vej til kontakt.
Når du gennemgår en side, så spørg, om ADA-tilpasning af en hjemmeside er synlig inden for den første scrolling på mobil. Hvis ikke, så omarranger sektioner, før du finpudser detaljer.
Gem skærmbilleder før og efter ændringer, så du lærer, hvad der flyttede noget for ADA-tilpasning af en hjemmeside på din hjemmeside.
Del den tjekliste med alle, der opdaterer din hjemmeside, så tilgængeligt design af hjemmesider forbliver konsistent på tværs af nye sider.
Vælg én måling at følge denne måned, som tid på siden eller påbegyndte formularer, så ændringer i design knytter sig til resultater for forretningen og ikke kun smag.
Hvordan det emne hænger sammen med dit bredere brand
Visuelle valg bor sjældent kun på én side. Principper for tilgængeligt design af hjemmesider overlapper i høj grad med god UX.
Dine opslag på sociale medier, e-mails og trykte stykker bør ekkoe det samme hierarki, de samme farver og de samme regler for skrift, du bruger på nettet.
Når visuelle elementer for brandet driver fra hinanden, føler kunder en subtil uoverensstemmelse, selv om de ikke kan forklare den.
Brug erklæring om tilgængelighed af hjemmesiden til at sammenligne noter med et relateret kapitel i dette modul.
Overholdelse af regler er en løbende opgave, efterhånden som du tilføjer indhold og funktioner.
Almindelige spørgsmål, folk overser
Sekundære udtryk som tilgængeligt design af hjemmesider, erklæring om tilgængelighed af hjemmesiden hjælper dig med at søge efter dybere eksempler og sammenligne dit arbejde med almindelige standarder.
Principper for tilgængeligt design af hjemmesider overlapper i høj grad med god UX.
Skriv én ændring før og efter ned, du vil teste på en live side i denne uge. Små målte rettelser slår vage planer.
Hvis du lærer dit team et fælles ordforråd om ADA-tilpasning af en hjemmeside, mindsker det runder med revision med designere og bureauer.
Værktøjer, der gør visuelle opdateringer lettere
Du behøver ikke egen kode for at forbedre mange problemer med layout og stil. En visuel editor lader dig justere luft, farver og typografi, mens du ser forhåndsvisninger på mobil og computer.
WEMASY indeholder en hjemmesidebygger med visuel redigering, så du kan udgive ændringer uden at vente på en udvikler ved hver justering. Åbn hjemmesidebyggeren, når du er klar til at bruge det, du har lært.
Når du udgiver opdateringer, så tjek igen design af hjemmesider, der overholder ADA og inkluderende design, så modulet forbliver forbundet i din hukommelse.
Du har nu en linse til ADA-tilpasning af en hjemmeside, der virker. Brug den, når du gennemgår din hjemmeside, godkender materialer til marketing eller briefer en designer. Fortsæt med inkluderende design og erklæring om tilgængelighed af hjemmesiden for at holde momentum i dette modul.
Ofte stillede spørgsmål
Hvor lang tid tager det at forbedre ADA-tilpasning af en hjemmeside?
De fleste små virksomheder ser klarere sider inden for få fokuserede sessioner, når de bruger det grundlæggende fra dette kapitel. Start med din forside, og brug så de samme regler på sider om tjenester og kontakt.
Har du brug for en designer til at arbejde med ADA-tilpasning af en hjemmeside?
En designer hjælper ved komplekse omlægninger af brandet, men mange rettelser omkring ADA-tilpasning af en hjemmeside kan du selv gøre, når du ved, hvad du skal lede efter. Brug design af hjemmesider, der overholder ADA sammen med dette kapitel for relateret vejledning.
Kan WEMASY hjælpe dig med at bruge ADA-tilpasning af en hjemmeside på din hjemmeside?
WEMASY indeholder en visuel editor i hjemmesidebyggeren, så du kan justere layout, farver og typografi uden kode. Åbn hjemmesidebyggeren for at opdatere skabeloner og se ændringer i forhåndsvisning på mobil.
Hvad er den mest almindelige fejl med ADA-tilpasning af en hjemmeside?
Folk prøver at rette alt på én gang i stedet for én side ad gangen. Vælg en enkelt prioritet, som læsbarhed eller kontrast, og tjek så inkluderende design for den næste forbedring.
Hvordan hænger ADA-tilpasning af en hjemmeside sammen med SEO?
Klart visuelt hierarki og skrift, der kan læses, holder besøgende på siden længere, hvilket understøtter signaler om engagement, søgemaskiner holder øje med. Kombinér rettelser af design med solid struktur i indholdet for de bedste resultater.
Hvor bør du lære næste gang efter ADA-tilpasning af en hjemmeside?
Fortsæt med design af hjemmesider, der overholder ADA og inkluderende design i denne bog for at bygge et komplet visuelt system til dit brand online.