Εντοπίστε ποιο μέρος της σελίδας αλλάζει γλώσσα
Σε μια γαλλόφωνη σελίδα για ένα φανταστικό εργαστήριο προστίθεται ένα απόσπασμα στα αραβικά. Η πρόταση λέει ότι το εργαστήριο αρχίζει στις 10:30. Μετά την επικόλληση σε ένα μπλοκ «Προσαρμοσμένη HTML», οι αραβικοί χαρακτήρες εμφανίζονται στην οθόνη. Το απόσπασμα όμως δεν έχει δική του δήλωση γλώσσας και κληρονομεί την κατεύθυνση της σελίδας. Σε άλλη εκδοχή της πρότασης υπάρχει το lang="ar", αλλά το dir="ltr" εξακολουθεί να επιβάλλει κατεύθυνση από αριστερά προς τα δεξιά. Οι δύο περιπτώσεις χρειάζονται διαφορετική διόρθωση.
Ξεκινήστε διαβάζοντας τη σελίδα γύρω από το απόσπασμα. Ο τίτλος, η εισαγωγή, το μενού και οι οδηγίες που ακολουθούν είναι στα γαλλικά. Η γλώσσα του εγγράφου δηλώνεται στο στοιχείο html που δημιουργούν το WordPress και το θέμα. Διατηρήστε τα γαλλικά ως κύρια γλώσσα του εγγράφου. Στο απόσπασμα που προστέθηκε δηλώστε την πραγματική γλώσσα της πρότασης και την κατεύθυνση που ταιριάζει στο σύστημα γραφής της. Η γλώσσα περιγράφει το κείμενο. Η βασική κατεύθυνση καθορίζει πώς το πρόγραμμα περιήγησης διατάσσει γράμματα, αριθμούς και σημεία στίξης μέσα στα συμφραζόμενά τους.
Καταγράψτε το αναμενόμενο αποτέλεσμα προτού πειράξετε το μπλοκ. Η σελίδα παραμένει στα γαλλικά και από αριστερά προς τα δεξιά. Η αραβική πρόταση πρέπει να αναγνωρίζεται ως αραβική και να βρίσκεται σε απόσπασμα με βασική κατεύθυνση από δεξιά προς τα αριστερά. Οι δύο γειτονικές γαλλικές προτάσεις πρέπει να διατηρήσουν την προηγούμενη συμπεριφορά τους. Ελέγξτε επίσης τον αριθμό 10:30 μετά την αποθήκευση. Η διόρθωση αφορά τα γνωρίσματα και το πεδίο εφαρμογής τους. Κρατήστε την ίδια πρόταση και την ίδια προεπιλεγμένη γλώσσα του ιστοτόπου.
Κρατήστε ένα σημείο αναφοράς πριν αποθηκεύσετε το επικολλημένο κείμενο
Εργαστείτε σε αντίγραφο ενός άρθρου ή μιας σελίδας. Γράψτε μια γαλλική εισαγωγική πρόταση, ένα παράθεμα με την ώρα έναρξης και άλλη μία γαλλική πρόταση μετά το παράθεμα. Οι δύο προτάσεις γύρω από το μπλοκ χρησιμεύουν για σύγκριση. Στην αρχική εκδοχή, το παράθεμα είναι επίσης στα γαλλικά. Κρατήστε την αναθεώρηση ή το ακριβές περιεχόμενο του μπλοκ και ανοίξτε το αντίγραφο όπως θα το έβλεπε ένας επισκέπτης. Καταγράψτε το κείμενο και στα τρία σημεία, καθώς και τη γλώσσα στο στοιχείο ρίζας. Αν η σελίδα δηλώνει ήδη λάθος γλώσσα, καταγράψτε το ως χωριστό ζήτημα. Οι ρυθμίσεις των άλλων σελίδων χρειάζονται δικό τους έλεγχο.
Για να αναπαραγάγετε την πρόταση χωρίς υπηρεσία, αντικαταστήστε το γαλλικό παράθεμα με την αραβική πρόταση του παραδείγματος σε ένα μπλοκ «Προσαρμοσμένη HTML». Κρατήστε μια πρώτη εκδοχή όπου το παράθεμα δεν δηλώνει γλώσσα ή κατεύθυνση. Ετοιμάστε μια δεύτερη όπου περιέχει lang="ar" και dir="ltr". Χρησιμοποιήστε ακριβώς το ίδιο αραβικό κείμενο και στις δύο. Έτσι μπορείτε να αποδώσετε τις διαφορές που παρατηρείτε στα γνωρίσματα, αφού οι λέξεις και ο αριθμός μένουν ίδιοι.
Αν ξεκινάτε από πραγματική πρόταση, ελέγξτε το κείμενο και τη σήμανση πριν την επικόλληση. Ένα τμήμα περιεχομένου ανήκει στο σώμα της σελίδας. Αν η πρόταση περιέχει πλήρη δομή εγγράφου με html, head ή body, κρατήστε μόνο το χρήσιμο απόσπασμα. Όταν μεταφράζετε ολόκληρη τη σελίδα, η κύρια γλώσσα εξαρτάται από τη σελίδα που εμφανίζεται και τις ρυθμίσεις της. Σε αυτή την άσκηση αλλάζει γλώσσα μόνο ένα παράθεμα. Περιορίστε λοιπόν τη δήλωση σε αυτό.
Κρατήστε τις εκδοχές χωριστά στις σημειώσεις σας. Το αρχικό μπλοκ προσφέρει γρήγορο τρόπο επαναφοράς αν κάποιο λάθος στην επικόλληση επηρεάσει και άλλο σημείο. Για να βρείτε το σωστό μέρος μετά την αποθήκευση, σημειώστε τις πρώτες λέξεις των γαλλικών προτάσεων πριν και μετά το παράθεμα. Μπορείτε επίσης να κρατήσετε ένα αναγνωριστικό δοκιμής στο αντίγραφο. Αν το περιεχόμενο έχει πολλά παραθέματα, καταγράψτε την ακριβή θέση για να βρείτε το σωστό ακόμα κι αν δεν είναι το πρώτο.
Ξεχωρίστε την κληρονομημένη γλώσσα από την κληρονομημένη κατεύθυνση
Στο DOM η γλώσσα που δηλώνεται σε ένα στοιχείο ισχύει και για τα στοιχεία που περιέχει όταν αυτά δεν έχουν δική τους δήλωση. Ένα παράθεμα χωρίς lang μπορεί επομένως να κληρονομήσει τα γαλλικά από τη σελίδα παρότι περιέχει αραβικούς χαρακτήρες. Το πρόγραμμα περιήγησης μπορεί να δείξει αυτούς τους χαρακτήρες ανεξάρτητα από τη δηλωμένη γλώσσα. Στην πρώτη κατάσταση της δοκιμής, ο έλεγχος δείχνει ότι η γλώσσα που ισχύει είναι τα γαλλικά, επειδή η πλησιέστερη δήλωση βρίσκεται στη σελίδα.
Για αυτή την άσκηση το lang="ar" αρκεί ώστε να δηλωθούν τα αραβικά. Η βασική κατεύθυνση ρυθμίζεται χωριστά. Στη δεύτερη κατάσταση, το πρόγραμμα περιήγησης αναγνωρίζει το παράθεμα ως αραβικό, αλλά η κατεύθυνση παραμένει από αριστερά προς τα δεξιά επειδή το παράθεμα εξακολουθεί να έχει dir="ltr". Η χωριστή καταγραφή των τιμών εξηγεί γιατί μια πρώτη διόρθωση μπορεί να φαίνεται ολοκληρωμένη ενώ η κατεύθυνση παραμένει λανθασμένη.
Η κατεύθυνση καθορίζει τη διάταξη του κειμένου. Μια πρόταση από δεξιά προς τα αριστερά μπορεί να περιέχει αριθμούς, μια ώρα ή ένα όνομα γραμμένο με άλλο σύστημα γραφής. Αποφύγετε να αντιστρέψετε με το χέρι τους χαρακτήρες ή να μετακινήσετε τα σημεία στίξης για να αντισταθμίσετε μια λάθος δήλωση στο στοιχείο που τους περιέχει. Διορθώστε πρώτα τη βασική κατεύθυνση του αποσπάσματος και διαβάστε ξανά την πρόταση και την ώρα στην οθόνη. Η δεξιά στοίχιση ορίζει τη θέση στη γραμμή. Η κατεύθυνση ανάγνωσης έχει δική της ρύθμιση.
Επιλέξτε το στοιχείο που καλύπτει ακριβώς το απόσπασμα. Για παράθεμα εξ ολοκλήρου στα αραβικά χρησιμοποιήστε το στοιχείο που το περικλείει. Αν πρόκειται για λίγες λέξεις μέσα σε γαλλική πρόταση, σημάνετε μόνο αυτές τις λέξεις. Ένα μεμονωμένο κύριο όνομα ή ένας όρος που έχει ήδη ενταχθεί στη γλώσσα του κειμένου μπορεί να μη χρειάζεται χωριστή δήλωση. Αν έχετε αμφιβολίες για τη γλώσσα ή την κατεύθυνση, ζητήστε έλεγχο του κειμένου πριν επιλέξετε γνωρίσματα. Η δήλωση πρέπει να περιγράφει ό,τι διαβάζει πραγματικά ο αναγνώστης.
Διορθώστε το απόσπασμα στο μπλοκ που το παράγει
Στο αντίγραφο ανοίξτε το μπλοκ «Προσαρμοσμένη HTML» και βρείτε το παράθεμα. Προσθέστε ή διορθώστε τα lang="ar" και dir="rtl" στο στοιχείο που το περιέχει. Κρατήστε τις δύο γαλλικές προτάσεις έξω από αυτό το στοιχείο. Στο παρακάτω απόσπασμα, η πρόταση λέει ότι το εργαστήριο αρχίζει στις 10:30. Τα γνωρίσματα περιγράφουν ολόκληρο το παράθεμα και ισχύουν και για την παράγραφο στο εσωτερικό του.
Περιορίστε τη διόρθωση στα γνωρίσματα γλώσσας και κατεύθυνσης. Διαβάστε ξανά το κείμενο πριν την αποθήκευση, ώστε η ώρα να μη μεταβληθεί αν το επικολλήσετε ξανά. Αν η πρόταση χρησιμοποιεί κανόνα CSS για την κατεύθυνση ή τη στοίχιση, ελέγξτε σε ποια στοιχεία εφαρμόζεται. Η σήμανση HTML ορίζει τη βασική κατεύθυνση. Ανάλογα με το θέμα, ένας κανόνας παρουσίασης μπορεί να δώσει διαφορετική υπολογισμένη κατεύθυνση. Στην περίπτωση αυτή, βρείτε ποιος κανόνας ισχύει για το απόσπασμα.
Αν το μπλοκ προέρχεται από πρότυπο ή επαναχρησιμοποιούμενο μοτίβο, ελέγξτε πού αποθηκεύεται το κείμενο. Μια αλλαγή στην κοινή πηγή μπορεί να επηρεάσει πολλές σελίδες. Η δοκιμή χρησιμοποιεί τοπικό μπλοκ σε ένα μόνο άρθρο για να περιορίσει την επίδραση. Αν χρειάζεται να αλλάξετε κοινό στοιχείο, εντοπίστε σε αντίγραφο του ιστοτόπου ένα άλλο σημείο που χρησιμοποιεί την ίδια πηγή. Έτσι μπορείτε να επιβεβαιώσετε ότι οι σελίδες χωρίς το παράθεμα συνεχίζουν να συμπεριφέρονται όπως πριν.
<blockquote lang="ar" dir="rtl">
<p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>Ελέγξτε το DOM της σελίδας μετά την αποθήκευση
Αποθηκεύστε το αντίγραφο, κλείστε την προηγούμενη προεπισκόπηση και ανοίξτε πάλι τη διεύθυνση του άρθρου. Επιθεωρήστε το παράθεμα στο πάνελ **Στοιχεία** των εργαλείων του προγράμματος περιήγησης. Πρώτα βεβαιωθείτε ότι το στοιχείο html εξακολουθεί να δηλώνει τα γαλλικά. Στη συνέχεια ελέγξτε ότι τα γνωρίσματα βρίσκονται στο παράθεμα μέσα στο έγγραφο που όντως εμφανίζεται. Πρέπει να ισχύουν για την αραβική παράγραφο και να σταματούν πριν από την επόμενη πρόταση. Μια δήλωση σε λάθος επίπεδο μπορεί να διορθώσει το παράθεμα και ταυτόχρονα να αλλάξει άλλο μπλοκ.
Συγκρίνετε τον κώδικα του μπλοκ με το DOM. Αν το lang ή το dir υπήρχε στον επικολλημένο κώδικα αλλά λείπει από το DOM, ανοίξτε ξανά το μπλοκ για να δείτε τι αποθηκεύτηκε. Αν το γνώρισμα λείπει ήδη από το αποθηκευμένο μπλοκ, υπάρχει διαφορά ανάμεσα στην επικόλληση και την αποθήκευση. Αν παραμένει στο μπλοκ, ελέγξτε το στοιχείο του συστήματος που παράγει τη σελίδα και τον τρόπο με τον οποίο το πρόγραμμα περιήγησης επεξεργάστηκε το HTML. Καταγράψτε τη διαφορά και στις δύο περιπτώσεις πριν αλλάξετε γενικές ρυθμίσεις ή δικαιώματα λογαριασμού.
Στα υπολογισμένα στιλ του παραθέματος αναζητήστε την ιδιότητα direction. Στο διορθωμένο απόσπασμα της δοκιμής έχει τιμή rtl. Στην επόμενη γαλλική πρόταση παραμένει ltr. Αν το DOM περιέχει dir="rtl" αλλά η υπολογισμένη κατεύθυνση παραμένει ltr, αναζητήστε κανόνα που εφαρμόζεται στο στοιχείο ή σε κάποιο στοιχείο στο εσωτερικό του. Καταγράψτε επίσης για κάθε παράγραφο την πλησιέστερη δήλωση γλώσσας. Το πάνελ των στιλ δείχνει τι εφαρμόζεται στην παρουσίαση. Για να βρείτε τη δηλωμένη γλώσσα, ελέγξτε χωριστά τα γνωρίσματα.
Διαβάστε την αραβική πρόταση και τον αριθμό μέσα στα συμφραζόμενά τους. Η δοκιμή συγκρίνει το κείμενο του DOM με το αρχικό, μαζί με το 10:30. Έτσι μπορείτε να εντοπίσετε αλλαγές στο κείμενο κατά την επικόλληση. Η ορατή θέση κάθε συμβόλου χρειάζεται χωριστό έλεγχο. Αν το απόσπασμα συνδυάζει συστήματα γραφής, δείτε πώς εμφανίζεται με τα συνήθη στιλ του ιστοτόπου και ζητήστε από κάποιον που γνωρίζει τη γλώσσα να το διαβάσει.
Διαβάστε τα αποτελέσματα και καταγράψτε τα όρια της δοκιμής
Στο δοκιμαστικό WordPress, το στοιχείο ρίζας κράτησε το lang="fr-FR" και την υπολογισμένη κατεύθυνση από αριστερά προς τα δεξιά και στις πέντε καταστάσεις. Με την πρώτη επικόλληση, χωρίς γνωρίσματα, το παράθεμα κληρονόμησε τα γαλλικά. Στη δεύτερη εκδοχή, το Chrome αναγνώρισε το lang="ar", αλλά κράτησε την κατεύθυνση από αριστερά προς τα δεξιά. Μετά τη διόρθωση το παράθεμα είχε τις αναμενόμενες τιμές και η παράγραφός του τις κληρονόμησε. Οι δύο γαλλικές προτάσεις διατήρησαν τη γλώσσα, την κατεύθυνση και το κείμενό τους.
Οι εκδοχές αποθηκεύτηκαν σε μπλοκ «Προσαρμοσμένη HTML» με συναρτήσεις του πυρήνα του WordPress και εξετάστηκαν στο DOM της φορτωμένης σελίδας. Η διαδικασία ελέγχει αν τα γνωρίσματα και το κείμενο διατηρούνται μετά την αποθήκευση και την εμφάνιση σε αυτό το περιβάλλον. Αναπαράγει καταστάσεις που μπορούν να προκύψουν μετά από επικόλληση. Η πραγματική επικόλληση από το πρόχειρο στον οπτικό επεξεργαστή μπορεί να έχει άλλο αποτέλεσμα. Στη δοκιμή αποκλείστηκαν τα φύλλα στιλ του θέματος και τα σενάρια της σελίδας, ώστε να απομονωθεί η επίδραση των γνωρισμάτων.
Οι αναγνώστες οθόνης ήταν εκτός της δοκιμής. Το lang="ar" παρέχει πληροφορία γλώσσας που μπορούν να χρησιμοποιήσουν οι υποστηρικτικές τεχνολογίες. Η αλλαγή φωνής, η προφορά και η εκφώνηση της ώρας χρειάζονται χωριστή επαλήθευση. Αν η εμπειρία αυτή περιλαμβάνεται στον έλεγχό σας, δοκιμάστε τον αναγνώστη οθόνης και τη φωνή που χρησιμοποιεί η ομάδα σας. Καταγράψτε τι διαβάστηκε, χωριστά από τα αποτελέσματα του DOM.
Επαναφέρετε την αρχική κατάσταση και κρατήστε τον έλεγχο για αργότερα
Για να αναιρέσετε την αλλαγή στο αντίγραφο, επαναφέρετε την αναθεώρηση που περιέχει το αρχικό απόσπασμα. Αν άλλαξαν εν τω μεταξύ άλλα σημεία, επαναφέρετε μόνο το παράθεμα και τα γνωρίσματα που σημειώσατε στην αρχή. Ανοίξτε ξανά το άρθρο στο πρόγραμμα περιήγησης. Ελέγξτε το στοιχείο ρίζας, το παράθεμα και τις δύο προτάσεις ελέγχου. Η επαναφορά μπορεί να είναι ελλιπής όταν το κείμενο επιστρέφει στην αρχική μορφή του αλλά παραμένει ένα πρόσθετο γνώρισμα στο στοιχείο που το περιέχει.
Στη δοκιμή, η αναθεώρηση επανέφερε ακριβώς τόσο το αποθηκευμένο περιεχόμενο όσο και το απόσπασμα που εμφανίζεται. Το παράθεμα έγινε ξανά γαλλικό και τα γύρω στοιχεία συμπεριφέρθηκαν όπως πριν. Το αποτέλεσμα θα ήταν διαφορετικό αν η αρχική σας κατάσταση περιείχε ήδη ένα σωστά σημειωμένο αραβικό απόσπασμα. Σε αυτή την περίπτωση επαναφέρετε το κείμενό του και τα αρχικά γνωρίσματα. Χρησιμοποιήστε ως βάση την εκδοχή που αποθηκεύσατε για τη συγκεκριμένη σελίδα.
Για να παραδώσετε την εργασία για έλεγχο, σημειώστε τη διεύθυνση του αντιγράφου, το σχετικό απόσπασμα και τις αναμενόμενες τιμές. Προσθέστε τα γνωρίσματα που παρατηρήσατε και την υπολογισμένη κατεύθυνση στα τρία σημεία. Κρατήστε την πρόταση όπως δοκιμάστηκε και τη διορθωμένη εκδοχή. Έτσι μπορεί να επαληθευτεί ότι η ώρα δεν άλλαξε, ότι το παράθεμα έχει τη σωστή δήλωση και ότι το υπόλοιπο της σελίδας διατηρεί την προβλεπόμενη γλώσσα και κατεύθυνση.
Προσαρμόστε τον έλεγχο σε μια έκφραση μέσα σε πρόταση
Το απόσπασμα μπορεί να είναι απλώς μια αγγλική έκφραση στο μέσο μιας γαλλικής παραγράφου. Σε αυτή την περίπτωση τα δύο κείμενα ακολουθούν την ίδια κατεύθυνση. Σημάνετε την έκφραση με τη σωστή γλώσσα και διαβάστε ξανά τις λέξεις πριν και μετά από αυτή. Αν ολόκληρη η γαλλική πρόταση κληρονομεί τα αγγλικά, το γνώρισμα βρίσκεται πολύ ψηλά στο έγγραφο. Ελέγξτε και τις γειτονικές λέξεις, ακόμα κι όταν η ορατή κατεύθυνση της γραμμής δεν αλλάζει.
Αν ολόκληρο το απόσπασμα είναι μια παράγραφος σε γραφή από δεξιά προς τα αριστερά, ορίστε την κατεύθυνση στην παράγραφο ή σε στοιχείο που περικλείει μόνο αυτή. Η πλευρά στην οποία στοιχίζεται το κείμενο μπορεί να παραμείνει επιλογή παρουσίασης του θέματος. Ελέγξτε τη δηλωμένη και την υπολογισμένη κατεύθυνση πριν αλλάξετε τη στοίχιση. Αν ο αναγνώστης πρέπει να αναγνωρίσει μια ώρα ή έναν αριθμό αναφοράς, ζητήστε έλεγχο της τελικής εμφάνισης και κρατήστε τον ίδιο τον αριθμό στις σημειώσεις.
Και στις δύο περιπτώσεις, ανοίξτε το μπλοκ μετά την αποθήκευση και ελέγξτε σε ποιο ακριβώς σημείο μπήκε το γνώρισμα. Αν η πρόταση προσθέτει πολλά αποσπάσματα, επιλέξτε ένα γαλλικό κείμενο ελέγχου ανάμεσα σε δύο από αυτά. Έτσι εντοπίζετε ένα στοιχείο που περιλαμβάνει περισσότερο κείμενο από όσο χρειάζεται και μεταβιβάζει τα γνωρίσματά του σε ό,τι ακολουθεί. Ξεκινήστε με μία μεμονωμένη διόρθωση. Εφαρμόστε την στα επόμενα αποσπάσματα αφού επιβεβαιώσετε τη γλώσσα, την κατεύθυνση και τη θέση τους στο DOM.
Η ελληνική μετάφραση έγινε με τη βοήθεια AI. Οι ονομασίες των μενού μπορεί να διαφέρουν ανάλογα με την έκδοση του WordPress.