Er dit websted 'lukket døren', læg millioner af kunder? Åbn tjeklisten Web Accessibility (WCAG), som alle skal vide.

Forestil dig ... du har et enormt marketingbudget. Skyd kraftigt webstedet er designet smukt. Men der er en gruppe mennesker, der "vil købe" dine produkter mangler, men ikke kan ... ikke fordi han ikke har penge, men fordi dit websted "bruges" til ham

Denne gruppe mennesker er muligvis synshæmmede ved hjælp af skærmlæsere, men dit websted har ikke en forklaring. Eller kan være de ældre, at hænderne begynder at ryste, får dig til at klikke på din lille knap eller endda en person med midlertidige arme, der ikke er i stand til let at bruge musen ... de er alle de "kunder", som du skubber ud uden at vide det.

Dette problem er ikke en lille sag. Og det er ikke en fjern sag mere i en tid, som alle taler om ligestilling, at have et websted, som alle kan få adgang til eller webtilgængelighed, er ikke kun "gode ting at gøre", men det er "den standard, der skal" for at låse de enorme forretningsmuligheder op. Og forhindre juridisk risiko, der kan forekomme i fremtiden

‍

Prompt: Split-screen-billeder sammenlignet. Den ene side er et billede af en kunde, der smiler let. Den anden side er et billede af en kunde, der har øjenfejl. (Der kan være et symbol på det hvide personale ved siden af). Jeg gør en skuffelse, mens jeg prøver at bruge det samme websted. Men hans computerskærm viser en forvrængning formidler hindringer for at få adgang til

‍

Hvorfor bliver det smukke websted en "væg", der blokerer for kunder?

Dette problem opstår fra "blinde pletter", som mange virksomheder overser. Vi har en tendens til at være besat af designet på nettet til "smukt" i de fleste menneskers øjne, indtil de glemmer, at hver persons "gode oplevelse" ikke er den samme. Hovedårsagen er fra:

• Fokus på "billeder" snarere end "struktur": designere og marketingfolk har en tendens til at fokusere på skønheden i layout, farve og animation, men forsømmer den rigtige HTML -struktur, som er nøglen til at hjælpe teknologi (hjælpeknologi), såsom skærmlæser, kan "forstå" og "kommunikation" på nettet.
• Spørgsmål og misforståelse: Mange mennesker mener, at webtilgængelighed kun er et spørgsmål om "små handicappede", men i sandhed er det relateret til mange mennesker. Både ældre, mennesker med midlertidige handicap (såsom brudte arme) eller endda mennesker i en begrænset situation (såsom at bruge internettet i solen, der ikke ses i en lille kontrastfarve). Fra dataene i 2022 har Thailand omkring 4,19 millioner mennesker med handicap, eller ca. 6% af den samlede befolkning. Dette er et marked, som du ikke kan overse.
• Jeg tror, det er en teknik, der "komplicerede og dyrt": Ordet "standard" eller "WCAG" kan lyde skræmmende og fuld af tekniske udtryk. Der får virksomhedsejeren til at føle, at det er en fjern sag og er nødt til at investere højt på trods af at faktisk starter tilgængelighed kan starte fra et lille punkt, der kan bruge meget lidt budget

‍

Prompt: Enkle infografiske billeder viser et hjernebillede med gear inde, men der er noget udstyr, der kommer ud med øjeformede ikoner, ører og hænder, med et kort budskab "kun fokus på visuals", "manglende opmærksomhed", "synes kompliceret" for at formidle årsagen til problemet.

‍

Forlad ... risikabelt end du tror! Virkningen, når dit websted "ikke byder velkommen" alle sammen

Introduktion til webtilgængelighed ikke kun mangler forretningsmuligheder, men det er risikoen for dit brand i mange dimensioner.

• Indkomsttab og kunde: Dette er den mest klare effekt. Du lukker muligheden for at sælge med en stor gruppe kunder med købekraft. Hvad enten det er direkte til handicappede eller deres familier og venner, der vælger at støtte mærker, der bryder sig om alle grupper
• Juridisk risiko: I mange lande over hele verden er der mange private virksomheder, der ikke foretager et websted til handicappede. For Thailand handler selv for fremme og udvikling af livskvaliteten for de handicappede 2007 og relaterede ministerregler, der fremmer retten til at få adgang til information og tjenester. Selvom den nuværende 100% af den private sektor muligvis ikke er så intens som statslige agenturer, men dette er verdens tendens, som den forretning, der ser langt væk, skal være forberedt.
• Break mærkets troværdighed (Brand Trust): I den æra, hvor forbrugerne vælger at støtte mærket fra "værdi", som mærket har et websted, der afskrækker en gruppe mennesker, der er i stand til at skabe et negativt og ødelagt billede, skaber kompositionen tillid til webstedet. At du prøver at skabe
• Påvirkning af SEO: Google er meget vigtig for brugeroplevelsen (UX). Hard Access -webstedet har ofte en høj afvisningsprocent, lav -på side, hvilket er et dårligt signal for SEO. Derudover har mange elementer af tilgængelighed, såsom brugen af korrekte overskriftskoder, alt -tekst og klare strukturer også en direkte god effekt på rangeringen og kernewebvitalerne .

‍

Prompt: Billedet viser 4 effekter i form af 4 kort: Det første kort har et billede af penge, der flyver væk, de anden blade er hammeren, det tredje blad er et brudt brandlogo, og de fjerde blade er SEO -graferne, der har en rød tone til at formidle risikoen.

‍

Åbning af skrifterne for at løse problemer: Start med 4 principper for WCAG

Bare rolig. Det er ikke så vanskeligt at gøre webadgangen, som du tror. Dets hjerte er i en international standard ved navn Web Content tilgængelighedsretningslinjer (WCAG) , der er opdelt i 4 hovedprincipper, der er lette at huske "Pour". Lad os se, hvad hver vare er, og hvilken tjekliste starter du med det samme?

1. Perseivable (opfattelse) - Giv brugerne mulighed for at genkende indhold gennem forskellige sanser

• [] Alle billeder skal have en forklaring (ALT -tekst): Skriv for at forklare, hvad det billede er. Så skærmlæserprogrammet kan læses for synshæmmede
• [] Video- og lydfiler skal have andre muligheder: såsom billedtekster til døve eller lydbeskrivelse for blinde mennesker og transkription.
• [] Den farve, der skal modsættes korrekt: tekst og baggrund skal have tilstrækkeligt kontrastforhold (mindst 4,5: 1 til normal tekst), så folk med sløret eller blindhed er lette at læse.
• [] Kommuniker ikke med kun farver: såsom at oprette et link til bare rødt uden nedenunder kan forårsage farveblindhed, ved ikke, om det er et link

2. Operble (tilgængelig) - giver brugerne mulighed for at kontrollere og bruge forskellige webkomponenter.

• [] Alle funktioner skal bruges via tastatur: Brugere, der ikke kan bruge musen, skal være i stand til at trykke på fanen for at glide til knappen Link, og forskellige form.
• [] Ingen "tastaturfælde": Brugere skal bruge tastaturet til at flytte ind og "komme ud" fra forskellige dele af webstedet og ikke sidde fast i pop-up.
• [] Giv nok brugertid: Hvis der er en automatisk session, skal der være muligheder for brugere at anmode om rettidig.
• [] Undgå alvorligt blinkende indhold: lyset, der blinker (mere end 3 gange i sekundet) kan stimulere anfald hos nogle mennesker.

3.. Undersøgelig (let at forstå) - At gøre indholdet og brugen er ikke for kompliceret.

• [] Brug klart og enkelt sprog: undgå teknisk ordforråd eller industri ordforråd uden forklaringer.
• [] Navigation og navigation skal forudsiges: Design menuen og layoutet for at være konsistent på hver side for brugere at lære og nemt bruge.
• [] Der er en klar fejl: Når brugeren udfylder formularen, skal jeg have en klar besked om, at "hvor er forkert" og "hvordan man løser" ikke bare at sige "fejl"

4. Robust (holdbar) - Lade internettet at arbejde med forskellige teknologiske stabilt

• [] Brug af standard HTML -koden: ren og korrekt kodestruktur (f.eks. Brug af tag
  ,,
  ,, At være ansvarlig) vil hjælpe programmet med at hjælpe med at læse det bedste arbejde
• [] Kommuniker status og ændringer til programmet for at hjælpe med at læse: For eksempel når produktet føjes til kurven, skal der være en kode, der advarer programmet for at hjælpe med at læse og meddele.

Hvis du ønsker at studere mere i -dybtgående information, er den officielle kilde til W3C Web Accessibility Initiative (WAI) og samfundet som A11Y -projektet et fremragende udgangspunkt.

‍

Prompt: Smuk infographic, opdelt i 4 dele i henhold til hæld (opfattelig, operation, undors standable, robust). Hver del har et hovedikon (såsom håndform, hjerneform, gear) og en kort tjekliste 2-3 nedenunder.

‍

Eksempler fra den rigtige ting: Når "online butikker" øger salget på 20% med tilgængelighed.

Forestil dig "Baan Bakery", en berømt online dessertbutik. Først er webstedet meget smukt. Men modtog feedback fra de ældre kunder om, at de små bogstaver var vanskelige at læse, og "Tilføjelse -knappen til kurven" var så let, at det ikke kunne ses, at holdet besluttede at gennemgå. Stor tilgængelighed

Hvad de skal gøre: De demonterer ikke internettet. Men startende med opdateringen i henhold til AA -niveau WCAG. De justerer farveknappen for at være mørkere. Forøg størrelsen på skrifttypen lidt større, tilsæt alt -tekst til hvert stykke kage, der "jordbær, blød kage, toppet med bærsauce", og sørg for, at kunderne kun kan bestille hvert trin ved hjælp af tastaturet.

Fantastiske resultater: Kun 3 måneder efter salget af "Baan Bakery" steg næsten 20%, ikke kun fra ældre. Men får stadig nye kunder, der beundrer mærkets opmærksomhed, de fik 5 -stjernede anmeldelser med kommentarer om, at "tak for at have lavet et websted til vores forældre til at bruge let." Dette er designens kraft for alle. Det ændrer sig fra design af UX/UI til Normal for at skabe en "cover" -oplevelse og "skabe salg"

‍

Prompt: Billeder af produktsiden på webstedet "Bake Bakery" på siden viser de lysfarvede knapper og de små bogstaver. Efter viser den mørke knap, der kontrasterer på baggrunden tydeligt. Brevene er lettere at læse. Med en lille graf, der viser salgsstigning

‍

Tjekliste klar til at gå! Du starter med at "opgradere" dit websted med det samme.

Læs her, du vil sandsynligvis gøre det, ikke? Prøv at bruge denne forkortelsescheckliste til at udforske dit websted. Og start med en lille sejr (hurtige vinder):

1. Udforsk startsiden: Alle vigtige billeder, har alt -tekst, der betyder? Prøv at bruge udvidelsesværktøjet i browser til at kontrollere.
2. Test med tastatur: Prøv at lægge musen ned. Og brug kun fanen, skift+fanen, indtast knap og rumstang til at surfe på dit websted. Du kan gå til menuen, trykke på knappen og udfylde formularen med succes?
3. Tjekkisk kontrastfarve: Brug af online -værktøjer (søgning af "farvekontrastcheck") til at droppe farven på tegnene og baggrundsfarven på knappen (f.eks. Købsknappen, kontaktknap).
4. Læs dit indhold igen: Er der en terminologi eller en sætning, der er for kompliceret? Prøv at tilpasse det til et sprog, som folk generelt forstår.
5. Se dine videoer OffScale: Forstår du stadig alt indhold via billedtekster?

Lige fra disse 5 genstande betragtes det som et godt skridt. Og hvis du skal oprette et nyt websted, der bringer disse historier til en del af processen, det at udvikle organisatorisk websted fra starten hjælpe med at spare meget tid og omkostninger.

‍

Spørgsmål: Tjeklistebilleder, der har en billig kasse med ikoner til hvert emne, såsom ikoner, ketchikoner, to -farvede cirkler (i stedet for kontrast), bogikoner og play -knapikoner.

‍

Spørgsmål, som folk har en tendens til at undre sig (og det klare svar)

Q1: Gør tilgængeligheden, og webstedet ser kedeligt ud ikke så smukt som før?

A: Det er ikke sandt! Dette er den mest almindelige misforståelse. Tilgængeligt design er et "smart" design, ikke et "kedeligt" design. I stand til at oprette et websted, der er både smukt og tilgængeligt for alle på samme tid, er det en udfordring, der hjælper med at forbedre kreativiteten selv.

Spørgsmål 2: Har du brug for meget budget? Er vores små virksomheder nødt til at gøre?

A: Du behøver ikke at gøre alt 100% perfekt. Start fra "lavhivende frugt" eller noget, der er let at løse, såsom at tilføje alt-tekst eller justere farveknappen. Næsten behøver ikke at bruge flere budgetter på alle de mest værdifulde investeringer er at skabe "opmærksomhed" i dit team, og for små virksomheder er dette muligheden for at skabe en fordel i konkurrencen og skabe en loyal kundebase for dit brand.

Q3: WCAG har et niveau A, AA, AAA. Hvilket niveau skal vi sigte?

A: For de fleste forretningswebsteder og organisationer AA en guldstandard, der accepteres over hele verden. Det skaber en god balance under dækning af dækning og muligheder i praksis. Overholdelsen af denne standard er også i overensstemmelse med retningslinjerne for krav til børsnoterede virksomheder eller troværdighed for webkontorer , der understreger gennemsigtighed og standard

Q4: Hvilke værktøjer kan du tjekke?

A: Der er mange gode automatiske værktøjer til at starte, såsom bølge, øks devtools (browserforlængelse) eller fyrtårn i Chrome DevTools. Grundlæggende tilgængelighed, men husk, at disse værktøjer kan hjælpe med at registrere kun 30-40% af problemet. Test ved reel test er stadig den vigtigste ting.

‍

Spørgsmål: Billedet af en person, der sad på tværs af en behagelig stol. Sammen med et symbol på spørgsmål og svar, der flyder omkring ham. Smiley -ansigtet viser selvtillid og lindring af angst.

‍

Det er tid til at åbne døren for at byde alle kunder velkommen.

På dette tidspunkt håber jeg, at du ser denne webtilgængelighed ikke kun et spørgsmål om komplekse teknikker eller en skræmmende juridisk byrde, men det er "hjertet" ved at drive forretning i den nye æra. Er at ændre synspunktet fra at spørge "Hvad sælger vi?" At spørge "Hvordan kan vi give den bedste oplevelse til 'alle'?"

Investering i tilgængelighed er en investering, der giver afkast med hensyn til antal (salg, konverteringsfrekvens), brand kærlighed, tillid og vigtigst af alt, at være en del af at skabe et kunstigt digitalt samfund og efterlader ikke nogen

Vent ikke på, at dit websted bliver en "hindring", der blokerer kunderne længere. Begynd at udforske dit websted i dag med en simpel tjekliste, som vi leverede og lavede åbningen af døren for at byde kunderne "alle" velkommen er den nye standard for din virksomhed.

Vil du have dit websted ikke kun smukt, men også klar til at byde alle kunder velkommen og skabe konkrete forretningsresultater, ikke? Se en ekspert i UX/UI og webtilgængelighed. Vores bliver gratis! Vi er klar til at hjælpe dig med at oprette et fantastisk websted til alle.

‍