English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Γράφοντας αποτελεσματική alt κείμενο για εικόνες

Web design RSS Feed





Όποιος γνωρίζει κάτι για την προσβασιμότητα web γνωρίζει ότι οι εικόνες πρέπει εναλλακτική λύση, ή ALT, κείμενο που τους έχει ανατεθεί. Αυτό οφείλεται στο γεγονός ότι τα προγράμματα ανάγνωσης οθόνης δεν μπορούν να κατανοήσουν εικόνες, αλλά μάλλον διαβάσει φωναχτά το εναλλακτικό κείμενο που τους έχει ανατεθεί. Στον Internet Explorer μπορούμε να δούμε αυτό το κείμενο ALT, απλά mousing πάνω από την εικόνα και την εξέταση των κίτρινο εργαλείου που εμφανίζεται. Άλλα προγράμματα πλοήγησης (σωστά) δεν το κάνει αυτό. Η HTML για την προσθήκη ALT κείμενο: img src = "filename.gif" alt = "Εναλλακτικές περιγραφή πηγαίνει εδώ", αλλά σίγουρα δεν μπορεί να υπάρχει μια ικανότητα για τη σύνταξη κειμένου ALT για εικόνες; Απλά pop περιγραφή εκεί και είστε καλό να πάει, έτσι; Λοιπόν, το είδος της. Σίγουρα, δεν είναι επιστήμη πυραύλων, αλλά υπάρχουν μερικές κατευθυντήριες γραμμές θα πρέπει να ακολουθήσει ... Spacer εικόνες και ALT textSpacer λείπουν οι εικόνες θα πρέπει πάντα να αποδίδεται null ALT κείμενο, ή alt = "". Με τον τρόπο αυτό τα περισσότερα προγράμματα ανάγνωσης οθόνης θα αγνοούν εντελώς την εικόνα και δεν θα ανακοινώσει ακόμη την παρουσία της. Spacer εικόνες εικόνες που είναι αόρατα πολύ πιο ιστοσελίδες χρήση. Σκοπός τους είναι, όπως υποδηλώνει το όνομα, για να δημιουργήσετε χώρο για τη σελίδα. Μερικές φορές δεν είναι δυνατόν να δημιουργήσουν την οπτική απεικόνιση που χρειάζεστε, ώστε να μπορείτε να παραμείνουμε σε μια εικόνα (καθορίζοντας το ύψος και πλάτος) και voliÃÆ'à † â € ™ Ã⠀ SA, η οποία, επιπλέον, έχετε το χώρο σας need.Not όλους χρησιμοποιεί αυτό το κείμενο για null ALT spacer εικόνες. Ορισμένες ιστοσελίδες κολλήσει στο alt = "spacer εικόνα". Φανταστείτε πώς αυτό μπορεί να είναι ενοχλητική για ανάγνωσης οθόνης του χρήστη, ειδικά όταν έχετε δέκα από αυτά στη σειρά. Μια ανάγνωσης οθόνης, θα έλεγα, "Εικόνα, spacer εικόνα« δέκα φορές στη σειρά (αναγνώστες οθόνης συνήθως πω τη λέξη, "Εικόνα", πριν από την ανάγνωση των καθηκόντων του ALT κείμενο) - τώρα ότι δεν είναι χρήσιμο! Άλλα web developers απλώς αφήνουν τα ALT χαρακτηριστικό για spacer εικόνες (και ίσως και άλλες εικόνες). Στην περίπτωση αυτή, τα περισσότερα προγράμματα ανάγνωσης οθόνης, θα διαβάσω το όνομα του αρχείου, το οποίο θα μπορούσε να 'newsite / εικόνες / onepixelspacer.gif ». Μια οθόνη αναγνώστης θα ανακοινώσει αυτή την εικόνα ως "Εικόνα, εικόνες κάθετο κάθετο newsite μία pixel spacer dot gif". Φανταστείτε τι θα ακούγεται σαν αν υπήρχαν δέκα από αυτές στη σειρά! Κουκκίδες και iconsBullets και τα εικονίδια θα πρέπει να αντιμετωπίζονται με τον ίδιο σχεδόν τρόπο spacer όπως εικόνες, οπότε θα πρέπει να ανατεθεί null εναλλακτικό κείμενο, ή alt = "". Σκεφθείτε τον κατάλογο των στοιχείων με ένα φανταχτερό ενότητα διαδικασία κάθε σημείο. Εάν το κείμενο ALT, "Bullet" έχει ανατεθεί σε κάθε εικόνα, στη συνέχεια, "Image, ενότητα "θα διαβάσω φωναχτά από τους αναγνώστες οθόνης, πριν από κάθε στοιχείο λίστας, γεγονός που λαμβάνει ότι λίγο ακόμα και να εργαστούν με το list.Icons, που χρησιμοποιούνται συνήθως για τη συμπλήρωση των συνδέσεων, θα πρέπει επίσης να ανατεθούν alt =" ". Πολλές ιστοσελίδες, οι οποίες θέτουν το εικονίδιο δίπλα από τον σύνδεσμο κειμένου, χρησιμοποιήστε το σύνδεσμο κειμένου, όπως το ALT κείμενο της εικόνας. Τα προγράμματα ανάγνωσης οθόνης θα ανακοινώσει πρώτο αυτό κείμενο ALT και, στη συνέχεια, το κείμενο δεσμού, οπότε θα πω δύο φορές τη σχέση που, προφανώς, δεν είναι αναγκαίο. (Στην ιδανική περίπτωση, οι σφαίρες και τα εικονίδια θα πρέπει να κληθούν να καταβάλουν ως εικόνες φόντου μέσω του CSS εγγράφου - αυτό θα αποσύρει από το έγγραφο HTML τελείως και, ως εκ τούτου, απαλλάσσει από την ανάγκη κάθε ALT περιγραφή.) Διακοσμητικά imagesDecorative εικόνες θα πρέπει να ανατεθεί null εναλλακτικό κείμενο, ή alt = "". Αν μια εικόνα είναι καθαρό μάτι candy τότε δεν υπάρχει ανάγκη για μια οθόνη ανάγνωσης χρήστη να γνωρίζουν καν ότι είναι εκεί και να ενημερώνεται για την παρουσία του προσθέτει απλώς να το θόρυβο pollution.Conversely, εσείς θα μπορούσε να ισχυριστεί ότι οι εικόνες στην τοποθεσία σας δημιουργήσει ένα σήμα, και από αυτούς που κρύβονται από ανάγνωσης οθόνης χρήστες είστε αρνείται αυτή την ομάδα χρήστες την ίδια εμπειρία. Προσβασιμότητα εμπειρογνώμονες τείνουν να ευνοούν την πρώην επιχείρημα, αλλά σίγουρα είναι μια περίπτωση που ισχύει για το τελευταίο κείμενο too.Navigation & ενσωματωμένα μέσα imagesNavigation μενού που απαιτούν fancy κείμενο, δεν έχει άλλη επιλογή για να ενσωματώσετε το κείμενο μέσα σε μια εικόνα. Σε αυτή την κατάσταση, ALT το κείμενο δεν θα πρέπει να χρησιμοποιηθούν για την επέκταση στην εικόνα. Σε καμία περίπτωση δεν θα πρέπει το κείμενο ALT πω, 'Διαβάστε τα πάντα για μας fantastic υπηρεσίες, που έχουν σχεδιαστεί για να σας βοηθήσει σε ό, τι κάνουμε ». Εάν το στοιχείο μενού λέει, «Υπηρεσίες», τότε το κείμενο ALT θα πρέπει επίσης να πω «Υπηρεσίες». ALT κείμενο θα πρέπει πάντα να περιγράψετε το περιεχόμενο της εικόνας και θα πρέπει να επαναλάβω το κείμενο λέξη προς λέξη. Εάν θέλετε να αναπτύξετε για την πλοήγηση, όπως σε αυτό το παράδειγμα, μπορείτε να χρησιμοποιήσετε τον τίτλο attribute.The ίδιο ισχύει και για κάθε άλλο κείμενο ενσωματωμένες σε μια εικόνα. ALT Το κείμενο θα πρέπει απλώς να επαναλάβω, λέξη προς λέξη, το κείμενο που περιέχεται στο εσωτερικό της εικόνας. (αν δεν υπάρχει η γραμματοσειρά που χρησιμοποιείται είναι ιδιαίτερα μοναδική είναι συχνά απαραίτητο να ενσωματώσετε κείμενο μέσα σε εικόνες - προηγμένης πλοήγησης και ιστορικό επιπτώσεις μπορεί τώρα να επιτευχθεί με CSS.) logoWebsites Εταιρεία τείνουν να διαφέρουν στον τρόπο που εφαρμόζουν ALT κείμενο με τα λογότυπα. Κάποιοι λένε, «Το όνομα της εταιρείας», άλλοι «Εταιρεία όνομα λογότυπο», και άλλα περιγράφει τη λειτουργία του λογισμικού (συνήθως μια σύνδεση πίσω στην αρχική σελίδα), "Επιστροφή στην πατρίδα». Θυμηθείτε, ALT κείμενο θα πρέπει πάντα να περιγράψετε το περιεχόμενο της εικόνας, ώστε το πρώτο παράδειγμα, alt = "Το όνομα της εταιρείας", είναι ίσως η καλύτερη. Εάν το λογότυπο είναι μια σύνδεση πίσω στην αρχική σελίδα, τότε αυτό μπορεί να αντιμετωπιστεί αποτελεσματικά κοινοποιούνται μέσω της αποτελεσματικής τίτλο tag.ConclusionWriting ALT κείμενο δεν είναι πάρα πολύ δύσκολο. Εάν πρόκειται για μια διακοσμητική εικόνα τότε null εναλλακτικό κείμενο, ή alt = "" θα πρέπει να χρησιμοποιούνται συνήθως - ποτέ δεν, ποτέ να παραλείπουν το ALT χαρακτηριστικό. Εάν η εικόνα περιέχει κείμενο, τότε η ALT κείμενο θα πρέπει απλώς να επαναλάβω αυτό το κείμενο, λέξη προς λέξη. Θυμηθείτε, ALT κείμενο θα πρέπει να περιγράφει το περιεχόμενο της εικόνας και τίποτα δεν more.Do επίσης να διασφαλίσουμε και να διατηρήσουμε ως σύντομο κείμενο ALT και συνοπτικές δυνατό. Ακούγοντας σε μια ιστοσελίδα με οθόνη αναγνώστης παίρνει πολύ περισσότερο από τις παραδοσιακές μεθόδους, ώστε να μην κάνουν το σερφάρισμα οδυνηρή εμπειρία ανάγνωσης οθόνης για χρήστες με πρησμένο και περιττά ALT text.This άρθρο συντάχθηκε από Trenton Moss. Είναι τρελό διαδίκτυο σχετικά με την ευχρηστία και την προσβασιμότητα - τόσο τρελός που πήγε και ξεκίνησε το δικό του δικτυακό χρηστικότητα και προσβασιμότητα συμβουλών (Webcredible --

Αρθρο Πηγη: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster παίρνει τον κώδικα HTML
Προσθεστε αυτο το αρθρο στον ιστοτοπο σας τωρα!

Webmaster υποβάλλει τα άρθρα σας
Εγγραφή που απαιτείται καμία! Συμπληρώστε τη μορφή και το άρθρο σας είναι στον κατάλογο Messaggiamo.Com

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory

Κατηγοριες


Πνευματικα Δικαιωματα 2006-2011 Messaggiamo.Com - Site Map - Privacy - Webmaster υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu