Ist Ihre Website "die Tür geschlossen", stellt Millionen von Kunden? Öffnen Sie die Checklist Web Accessioity (WCAG), die jeder wissen muss.

Stellen Sie sich vor, Sie haben ein großes Marketingbudget. Schießen Sie stark, die Website ist wunderschön gestaltet. Aber es gibt eine Gruppe von Menschen, die "Ihre Produkte kaufen" wollen, aber nicht ... nicht weil er kein Geld hat, sondern weil Ihre Website für ihn "verwendet" wird

Diese Gruppe von Personen kann mit Bildschirmlesern visuell beeinträchtigt sein, aber Ihre Website hat keine Erklärung. Oder kann ältere Menschen sein, dass die Hände zu zittern beginnen, Sie auf Ihre kleine Taste oder sogar auf eine Person mit temporären Armen zu klicken, die die Maus nicht leicht benutzen können. Sie sind alle "Kunden", die Sie ohne das Wissen herausdrücken.

Dieses Problem ist keine kleine Angelegenheit. Und es ist keine entfernte Angelegenheit mehr in einer Zeit, in der jeder über die Gleichheit spricht, eine Website zu haben, auf die jeder zugreifen kann oder die Zugänglichkeit im Web nicht nur zu tun ist, sondern es ist "der Standard, der die enormen Geschäftsmöglichkeiten freischalten muss. Und verhindern rechtliche Risiken, die in Zukunft auftreten können

‍

Eingabeaufforderung: Im Vergleich zu Split-Screen-Bildern. Eine Seite ist ein Bild eines Kunden, der leicht lächelt. Die andere Seite ist ein Bild eines Kunden, das Augenfehler hat. (Es kann ein Symbol des weißen Personals daneben geben). Ich mache eine Enttäuschung, während ich versuche, dieselbe Website zu nutzen. Sein Computerbildschirm zeigt jedoch, dass eine Verzerrung Hindernisse beim Zugriff vermittelt

‍

Warum wird die schöne Website zu einer "Wand" blockiert Kunden?

Dieses Problem ergibt sich aus "blinden Flecken", die viele Unternehmen übersehen. In den Augen der meisten Menschen neigen wir dazu, von der Gestaltung des Netzes zu "schön" zu sein, bis sie vergessen, dass die "gute Erfahrung" jeder Person nicht dasselbe ist. Der Hauptgrund ist:

• Konzentrieren Sie sich eher auf "Bilder" als auf "Struktur": Designer und Vermarkter konzentrieren sich auf die Schönheit von Layout, Farbe und Animation, vernachlässigen jedoch die korrekte HTML -Struktur, die der Schlüssel zur Unterstützung der Technologie (assistive Technologie), wie z. B. Bildschirmleser, "verstehen" und "Kommunikation" im Internet ist.
• Problem und Missverständnis: Viele Menschen denken, dass die Zugänglichkeit von Webs eine Frage von "kleinen Menschen mit Behinderungen" nur ist, aber in Wahrheit hängt es mit vielen Menschen zusammen. Sowohl ältere Menschen als auch Menschen mit vorübergehenden Behinderungen (wie gebrochenen Armen) oder sogar Menschen in einer begrenzten Situation (wie die Verwendung des Netzes in der Sonne, das in einer kleinen kontrastierenden Farbe nicht zu sehen ist). Nach den Daten im Jahr 2022 hat Thailand rund 4,19 Millionen Menschen mit Behinderungen oder etwa 6% der Gesamtbevölkerung. Dies ist ein Markt, den Sie nicht übersehen können.
• Ich denke, es ist eine Technik, die "kompliziert und teuer": Das Wort "Standard" oder "WCAG" klingt möglicherweise beängstigend und voller technischer Begriffe. Der Geschäftsinhaber hat das Gefühl, dass es sich um eine entfernte Angelegenheit handelt und muss hoch investieren, obwohl die Zugänglichkeit tatsächlich mit der Zugänglichkeit ausgeht, von einem kleinen Punkt, der nur sehr wenig Budget verwenden kann

‍

Eingabeaufforderung: Einfache Infografik -Bilder zeigen ein Gehirnbild mit Ausrüstung im Inneren, aber es gibt einige Ausrüstungsgegenstände mit Augenhap -Ikonen, Ohren und Händen, mit einer Kurznachricht "Fokus auf nur", "Mangel an Bewusstsein", "erscheinen kompliziert", um die Ursache des Problems zu vermitteln.

‍

Gehen Sie ... riskant als Sie denken! Die Auswirkungen, wenn Ihre Website "nicht alle willkommen will"

Einführung in die Zugänglichkeit von Webs nicht nur fehlende Geschäftsmöglichkeiten, sondern auch das Risiko Ihrer Marke in vielen Dimensionen.

• Einkommensverlust und Kunde: Dies ist der klarste Effekt. Sie schließen die Möglichkeit, mit einer großen Gruppe von Kunden mit Einkaufskraft zu verkaufen. Ob direkt zu den Behinderten oder ihren Familien und Freunden, die Marken unterstützen, die sich um alle Gruppen kümmern
• Rechtsrisiko: In vielen Ländern auf der ganzen Welt gibt es viele private Unternehmen, die keine Website für Behinderte machen. Für Thailand selbst handeln Sie für die Förderung und Entwicklung der Lebensqualität des Behinderten 2007 und der entsprechenden Ministeriervorschriften, die das Recht für den Zugriff auf Informationen und Dienstleistungen fördern. Obwohl der derzeitige 100% des Privatsektors nicht so intensiv ist wie Regierungsbehörden, aber dies ist der Trend der Welt, dass das Geschäft, das weit weg aussieht, vorbereitet werden muss.
• Brecken Sie die Glaubwürdigkeit der Marke (Brand Trust): In der Zeit, in der die Verbraucher die Marke von "Wert" unterstützen, die die Marke hat, hat eine Website, die eine Gruppe von Personen entmutigt, ein negatives und zerstörtes Image zu erstellen, das die Komposition auf der Website Vertrauen schafft. Dass Sie versuchen zu erstellen
• SEO beeinflussen: Google ist sehr wichtig für die Benutzererfahrung (UX). Die Website für Hard -Access -Website hat oft eine hohe Absprungrate, niedrige Seite, was ein schlechtes Signal für SEO ist. Darüber hinaus wirken viele Elemente der Zugänglichkeit, wie die Verwendung korrekter Überschriften -Tags, Alt -Text und klaren Strukturen, ebenfalls einen direkten Einfluss auf die Ranking- und Kern -Web -Vitals

‍

Eingabeaufforderung: Das Bild zeigt 4 Effekte in Form von 4 Karten: Die erste Karte enthält ein Bild von Geld, das wegfliegt, die zweiten Blätter sind der Hammer, das dritte Blatt ist ein gebrochenes Markenlogo und die vierten Blätter sind die SEO -Graphen, die einen roten Ton haben, um das Risiko zu vermitteln.

‍

Öffnen der heiligen Schriften zur Lösung von Problemen: Beginnend mit 4 Prinzipien von WCAG

Mach dir keine Sorge. Der Webzugriff zu machen ist nicht so schwierig, wie Sie denken. Sein Herz befindet sich in einem internationalen Standard mit dem Namen Web Content Barrierefreiheit (WCAG) , das in 4 Hauptprinzipien unterteilt ist, die sich leicht erinnern können, "Pour" zu erinnern. Mal sehen, was jedes Element ist und welche Checkliste Sie sofort beginnen?

1. Wahrnehmbar (Wahrnehmung) - damit Benutzer Inhalte über verschiedene Sinne erkennen können

• [] Alle Bilder müssen eine Erklärung haben (ALT -Text): Schreiben Sie, um zu erklären, was dieses Bild ist. Damit das Bildschirmleserprogramm für Sehbehinderte gelesen werden kann
• [] Video- und Audiodateien müssen andere Optionen haben: Bildunterschriften für Gehörlose oder Audiobeschreibung für Blinde und Transkript.
• [] Die Farbe, die ordnungsgemäß widerlegt werden muss: Text und Hintergrund müssen genug Kontrastverhältnis (mindestens 4,5: 1 für normalen Text) haben, damit Menschen mit verschwommenem oder Blindheit leicht zu lesen sind.
• [] Kommunizieren Sie nicht nur mit Farben: Wenn Sie einen Link zu nur rot ohne unten machen, können Sie nicht wissen, ob es sich um einen Link handelt

2. Operble (verfügbar) - Ermöglicht Benutzern, verschiedene Webkomponenten zu steuern und zu verwenden.

• [] Alle Funktionen müssen über die Tastatur verwendet werden: Benutzer, die die Maus nicht verwenden können, müssen in der Lage sein, die Registerkarte zu drücken, um zum Link, zur Taste und zum verschiedenen Formular zu schieben.
• [] Keine "Tastaturfalle": Benutzer müssen die Tastatur verwenden, um einzuziehen und aus verschiedenen Teilen der Website "herauszukommen" und nicht im Popup festzuhalten.
• [] Geben Sie genügend Benutzerzeit an: Wenn eine automatische Sitzung vorhanden ist, sollten Benutzer Optionen für die rechtzeitige Anfrage geben.
• [] Vermeiden Sie einen schweren blinkenden Inhalt: Das Licht, das blinzelt (mehr als dreimal pro Sekunde), kann bei manchen Menschen Anfälle anregen.

3.. Uneingeschränkt (leicht zu verstehen) - Inhalt und Verwendung sind nicht zu kompliziert.

• [] Verwenden Sie eine klare und einfache Sprache: Vermeiden Sie den technischen Vokabular oder das Branchenvokabular ohne Erklärungen.
• [] Navigation und Navigation müssen vorhergesagt werden: Entwerfen Sie das Menü und das Layout so, dass sie auf jeder Seite konsistent sind, damit Benutzer lernen und einfach verwenden können.
• [] Es gibt einen klaren Fehler: Wenn der Benutzer das Formular falsch ausfüllt

4.. Robust (langlebig) - So können Sie dem Web mit verschiedenen Technologien stabil arbeiten

• Verwenden des Standard -HTML
  ,,,,
  ,,,, Verantwortlich sein) hilft dem Programm dabei, die beste Arbeit zu lesen
• [] Kommunizieren Sie den Status und Änderungen des Programms, um zu lesen: Wenn zum Beispiel das Produkt dem Korb hinzugefügt wird, sollte ein Code vorhanden sein, der das Programm warnt, um zu lesen und anzukündigen.

Wenn Sie mehr in den Tiefen von Informationen studieren möchten, ist die offizielle Quelle der W3C Web Accessibility Initiative (WAI) und die Community wie das A11Y -Projekt ein hervorragender Ausgangspunkt.

‍

Eingabeaufforderung: Schöne Infografik, unterteilt in 4 Teile gemäß Pour (wahrnehmbar, operativ, übereinstimmbar, robust). Jedes Teil hat ein Hauptsymbol (z. B. Handform, Gehirnform, Zahnräder) und eine kurze Checkliste 2-3 darunter.

‍

Beispiele aus der realen Sache: Wenn "Online -Stores" den Umsatz von 20% mit Barrierefreiheit erhöhen.

Stellen Sie sich "Baan Bakery" vor, einen berühmten Online -Dessert -Shop. Zuerst ist die Website sehr schön. Aber das Feedback von den älteren Kunden erhielt, dass die kleinen Buchstaben schwer zu lesen waren, und die "Knopf zum Korb hinzufügen" war so leicht, dass das Team nicht zu sehen war, dass das Team überarbeitet wurde. Große Zugänglichkeit

Was zu tun ist: Sie zerlegen das Web nicht. Beginnend mit dem Update gemäß dem AA -Level -WCAG. Sie passen den Farbknopf so an, dass sie dunkler sind. Erhöhen Sie die Größe der Schriftart etwas größer, fügen Sie jedem Kinderspiel, der "Erdbeer, weicher Kuchen, mit Beerensauce gekrönt" -Text erhalten, Alt -Text hinzu und stellen Sie sicher, dass Kunden jeden Schritt nur mit der Tastatur bestellen können.

Erstaunliche Ergebnisse: Nur 3 Monate nach dem Verkauf von "Baan Bakery" stieg um fast 20%, nicht nur von älteren Menschen. Aber immer noch neue Kunden, die die Aufmerksamkeit der Marke bewundern, dass sie 5 -starde Bewertungen mit Kommentaren erhalten haben, die "Danke, dass Sie eine Website für unsere Eltern gemacht haben, um sie leicht zu verwenden." Dies ist die Kraft des Designs für alle. Dies ändert sich von der Gestaltung von UX/UI bis zum Normalwert, um ein "Cover" -Erlebnis zu erstellen und "Verkauf zu kreieren".

‍

Eingabeaufforderung: Bilder der Produktseite auf der Website "Bake Bakery" auf der Seite zeigen die hellen Schaltflächen und die kleinen Buchstaben. Der Nachher zeigt den dunklen Knopf im Hintergrund deutlich. Die Buchstaben sind leichter zu lesen. Mit einer kleinen Grafik, die den Umsatzsteigung zeigt

‍

Checkliste bereit zu gehen! Sie beginnen Ihre Website sofort "Upgrade".

Lesen Sie hier, dass Sie es wahrscheinlich tun möchten, oder? Versuchen Sie, diese Abkürzungs -Checkliste zu verwenden, um Ihre Website zu erkunden. Und beginnen Sie mit einem kleinen Sieg (schnelle Siege):

1. Entdecken Sie die Homepage: Alle wichtigen Bilder, haben Sie einen Alt -Text? Versuchen Sie, das Erweiterungstool im Browser zu verwenden, um zu überprüfen.
2. Testen Sie mit der Tastatur: Versuchen Sie, die Maus abzulegen. Verwenden Sie nur die Registerkarte, die Registerkarte "Schaltet+", die Schaltfläche Eingabetaste und Leertaste, um Ihre Website zu surfen. Sie können zum Menü gehen, die Taste drücken und das Formular erfolgreich ausfüllen?
3. Tschechische Kontrastfarbe: Verwenden von Online -Tools (durchsuchen "Farbkontrastprüfung"), um die Farbe der Zeichen und die Hintergrundfarbe der Schaltfläche (z. B. die Kauftaste, Kontaktknopf) fallen zu lassen.
4. Lesen Sie Ihren Inhalt noch einmal: Gibt es eine Terminologie oder einen zu komplizierten Satz? Versuchen Sie, es an eine Sprache anzupassen, die Menschen im Allgemeinen verstehen.
5. Sehen Sie sich Ihre Videos außerhalb der Skala an: Verstehen Sie immer noch alle Inhalte über Bildunterschriften?

Ausgehend von diesen 5 Artikeln gilt es als großartiger Schritt. Wenn Sie eine neue Website erstellen, die diese Geschichten in einen Teil des Prozesses bringt, um eine organisatorische Website zu entwickeln, sparen Sie viel Zeit und Kosten.

‍

Eingabeaufforderung: Checklistenbilder mit einem billigen Feld mit Symbolen für jedes Element wie Symbole, Ketch -Symbole, zwei gepflegten Kreise (anstelle von Kontrast), Buchsymbole und Wiedergabetasten -Symbole.

‍

Fragen, die die Menschen neigen (und die klare Antwort)

F1: Erreichen Sie die Barrierefreiheit und die Website wird langweilig nicht so schön aussehen wie zuvor?

A: Es ist nicht wahr! Dies ist das häufigste Missverständnis. Zugängliches Design ist ein "intelligentes" Design, kein "langweiliges" Design. In der Lage, eine Website zu erstellen, die sowohl für alle für alle verfügbar ist, ist es eine Herausforderung, die die Kreativität sogar verbessern kann.

F2: Benötigen Sie viel Budget? Muss unser kleines Unternehmen tun?

A: Sie müssen nicht alles 100% perfekt machen. Ausgehend von "niedrigen Häfenfrüchten" oder etwas, das leicht zu reparieren ist, z. B. das Hinzufügen von Alt-Text oder das Anpassen der Farbtaste. Fast müssen Sie nicht mehr Budgets für die lohnendste Investition ausgeben, um "Bewusstsein" in Ihrem Team zu schaffen. Für kleine Unternehmen ist dies die Möglichkeit, einen Vorteil im Wettbewerb zu erzielen und einen loyalen Kundenstamm für Ihre Marke zu schaffen.

F3: WCAG hat eine Stufe A, AA, AAA. Auf welchem ​​Level sollen wir zielen?

A: Für die meisten Geschäftswebsites und Organisationen AA ein Goldstandard, der weltweit akzeptiert wird. Es schafft eine gute Balance während des Zugangs und der Möglichkeiten in der Praxis. Die Einhaltung dieses Standards entspricht auch den Richtlinien für die Anforderungen für die börsennotierten Website -Unternehmen oder die Glaubwürdigkeit für Webbüros, die Transparenz und Standard hervorheben

F4: Welche Tools können Sie überprüfen?

A: Es gibt viele großartige automatische Werkzeuge zum Starten, wie Wellen, Axe Devtools (Browser -Erweiterung) oder Leuchtturm in Chrom Devtools. Grundlegende Zugänglichkeit, aber denken Sie daran, dass diese Tools dazu beitragen können, nur 30-40% des Problems zu erkennen. Das Testen durch echte Tests ist immer noch das Wichtigste.

‍

Eingabeaufforderung: Das Bild einer Person, die auf einem bequemen Stuhl gekreuzt sitzt. Zusammen mit einem Symbol für Fragen und Antworten, die um ihn herum schweben. Das Smiley zeigt Selbstvertrauen und linderende Angst.

‍

Es ist Zeit, die Tür zu öffnen, um alle Kunden willkommen zu heißen.

Ich hoffe, Sie sehen, dass Sie diese Web -Barrierefreiheit nicht nur mit komplexen Techniken oder einer schrecklichen rechtlichen Belastung, sondern auch das "Herz" der Geschäfte in der neuen Ära machen. Ist die Ansicht zu ändern: "Was verkaufen wir?" Um zu fragen: "Wie können wir 'allen' die beste Erfahrung geben?"

Investition in Barrierefreiheit ist eine Investition, die Renditen in Bezug auf Zahlen (Umsatz, Konversionsrate), Markenliebe, Vertrauen und vor allem Teil der Schaffung einer künstlichen digitalen Gesellschaft bietet und niemanden hinter sich lässt

Warten Sie nicht, bis Ihre Website ein "Hindernis" wird, das Kunden blockiert. Erkunden Sie noch heute Ihre Website mit einer einfachen Checkliste, die wir zur Verfügung gestellt haben, und machte die Eröffnung der Tür, um die Kunden "Jeder" willkommen zu heißen, der neue Standard Ihres Unternehmens.

Ich möchte, dass Ihre Website nicht nur schön, sondern auch bereit ist, alle Kunden willkommen zu heißen und greifbare Geschäftsergebnisse zu erzielen, oder? Wenden Sie sich an einen Experten in UX/UI und Web -Barrierefreiheit. Unsere werden frei! Wir sind bereit, Ihnen dabei zu helfen, eine großartige Website für alle zu erstellen.

‍