Ένας ανταγωνιστής φαίνεται προσεγμένος σε κάθε οθόνη. Ένας άλλος φαίνεται στριμωγμένος και ξεπερασμένος, παρότι και οι δύο πουλούν παρόμοιες υπηρεσίες. Η διαφορά συνήθως βρίσκεται στη συμβατότητα της ιστοσελίδας με το ADA και στις συνήθειες γύρω από αυτήν. Παρατηρείς τη διαφορά αμέσως, ακόμη κι αν δεν μπορείς ακόμα να ονομάσεις κάθε κανόνα.
Για να κάνεις μια ιστοσελίδα συμβατή με το ADA, χρειάζονται αντίθεση, εναλλακτικό κείμενο, πρόσβαση με πληκτρολόγιο και καθαρή δομή. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να την εφαρμόσεις χωρίς ορολογία. Θα δεις επίσης πού ταιριάζει ο προσβάσιμος σχεδιασμός ιστοσελίδας. Πάμε βήμα βήμα.
Τι σημαίνει στην πράξη η συμβατότητα της ιστοσελίδας με το ADA
Για να κάνεις μια ιστοσελίδα συμβατή με το ADA, χρειάζονται αντίθεση, εναλλακτικό κείμενο, πρόσβαση με πληκτρολόγιο και καθαρή δομή.
Η συμμόρφωση είναι διαρκής διαδικασία, καθώς προσθέτεις περιεχόμενο και λειτουργίες.
Οι αρχές του προσβάσιμου σχεδιασμού ιστοσελίδας επικαλύπτονται σε μεγάλο βαθμό με την καλή εμπειρία χρήστη (UX).
Πώς εφαρμόζεις τη συμβατότητα με το ADA στο site σου
Δημοσίευσε μια δήλωση προσβασιμότητας που περιγράφει τη δέσμευσή σου και τον τρόπο επικοινωνίας.
Ξεκίνα από μία σελίδα, όπως η αρχική ή η κύρια landing page. Διόρθωσε πρώτα το μεγαλύτερο πρόβλημα και μετά πέρασε το ίδιο μοτίβο στα υπόλοιπα πρότυπα.
Διάβασε αυτό το κεφάλαιο μαζί με τον σχεδιασμό ιστοσελίδας συμβατό με το ADA για τα θεμέλια και με τη δήλωση προσβασιμότητας ιστοσελίδας για το επόμενο βήμα αυτής της ενότητας.
Πρακτική λίστα ελέγχου για σήμερα
Δημοσίευσε μια δήλωση προσβασιμότητας που περιγράφει τη δέσμευσή σου και τον τρόπο επικοινωνίας.
Όταν ελέγχεις μια σελίδα, ρώτα αν η συμβατότητα της ιστοσελίδας με το ADA φαίνεται μέσα στο πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα πριν και μετά τις αλλαγές, για να μάθεις τι έκανε τη διαφορά στη συμβατότητα της ιστοσελίδας με το ADA του site σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει το site σου, ώστε η συμβατότητα με το ADA να μένει συνεπής στις νέες σελίδες.
Διάλεξε έναν δείκτη να παρακολουθείς αυτό τον μήνα, όπως τον χρόνο στη σελίδα ή τις έναρξεις φόρμας, ώστε οι αλλαγές σχεδιασμού να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την ευρύτερη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν μόνο σε μία σελίδα. Οι αρχές του προσβάσιμου σχεδιασμού ιστοσελίδας επικαλύπτονται σε μεγάλο βαθμό με την καλή εμπειρία χρήστη (UX).
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στο web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Χρησιμοποίησε τη δήλωση προσβασιμότητας ιστοσελίδας για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Η συμμόρφωση είναι διαρκής διαδικασία, καθώς προσθέτεις περιεχόμενο και λειτουργίες.
Ερωτήσεις που συχνά ξεχνιούνται
Δευτερεύοντες όροι, όπως ο προσβάσιμος σχεδιασμός ιστοσελίδας και η δήλωση προσβασιμότητας, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Οι αρχές του προσβάσιμου σχεδιασμού ιστοσελίδας επικαλύπτονται σε μεγάλο βαθμό με την καλή εμπειρία χρήστη (UX).
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις σε μια ζωντανή σελίδα αυτή την εβδομάδα. Οι μικρές, μετρημένες αλλαγές κερδίζουν τα αόριστα σχέδια.
Όταν μαθαίνεις στην ομάδα σου ένα κοινό λεξιλόγιο γύρω από τη συμβατότητα της ιστοσελίδας με το ADA, μειώνονται οι γύροι διορθώσεων με σχεδιαστές και agencies.
Εργαλεία που κάνουν τις οπτικές αλλαγές πιο εύκολες
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές, ενώ βλέπεις προεπισκόπηση σε κινητό και σε υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τον σχεδιασμό ιστοσελίδας συμβατό με το ADA και τον συμπεριληπτικό σχεδιασμό, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τη συμβατότητα της ιστοσελίδας με το ADA. Χρησιμοποίησέ τον όταν ελέγχεις το site σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με τον συμπεριληπτικό σχεδιασμό και τη δήλωση προσβασιμότητας ιστοσελίδας, για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις τη συμβατότητα της ιστοσελίδας με το ADA;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τη συμβατότητα της ιστοσελίδας με το ADA;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από της συμβατότητας της ιστοσελίδας με το ADA τις κάνεις και μόνος σου, μόλις ξέρεις τι να κοιτάξεις. Διάβασε μαζί με αυτό το κεφάλαιο τον σχεδιασμό ιστοσελίδας συμβατό με το ADA για συγγενική καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει με τη συμβατότητα της ιστοσελίδας με το ADA στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος με τη συμβατότητα της ιστοσελίδας με το ADA;
Ο κόσμος προσπαθεί να διορθώσει τα πάντα μονομιάς, αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τον συμπεριληπτικό σχεδιασμό για την επόμενη βελτίωση.
Πώς σχετίζεται η συμβατότητα της ιστοσελίδας με το ADA με το SEO;
Μια καθαρή οπτική ιεραρχία και μια ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Για το καλύτερο αποτέλεσμα, συνδύασε τις διορθώσεις σχεδιασμού με σωστή δομή περιεχομένου.
Τι να μάθεις μετά τη συμβατότητα της ιστοσελίδας με το ADA;
Συνέχισε με τον σχεδιασμό ιστοσελίδας συμβατό με το ADA και τον συμπεριληπτικό σχεδιασμό σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.