• Αλλαγές στον ιστοχώρο

• Τους τελευταίους μήνες ο ιστοχώρος αυτός έχει περάσει πολλά. Έχουν γίνει πάρα πολλές αλλαγές σε όλα του τα επίπεδα: Από τη μεταφορά του σε νέο server και τον προγραμματισμό των συναρτήσεων για πιο καλή οργάνωση μέχρι την εμφάνιση και τον τρόπο γραφής μου. Μερικές από αυτές τις αλλαγές είναι εντελώς ασήμαντες όπως μερικά pixels διαφορά, ενώ άλλες τόσο σημαντικές όσο η προσβασιμότητα (accessibility) του ιστοχώρου από Άτομα με Αναπηρία (ΑμεΑ).

  Ο υπέρτατος μου στόχος μου όλους αυτούς τους μήνες ήταν η μεγιστοποίηση αυτής της προσβασιμότητας. Σήμερα λοιπόν αυτός ο στόχος ολοκληρώθηκε με τη δημιουργία της Δήλωσης Προσβασιμότητας του ιστοχώρου.

  Έχοντας εκπληρώσει αυτό μου τον στόχο, θέλω να κάνω μια ανακεφαλαίωση όλων των αλλαγών που έγιναν, σχετικές μ’ αυτόν ή όχι. Ο σκοπός είναι να δω τόσο εγώ, όσο και το κορίτσι μου και οι φίλοι μου πού στο καλό αφιερώθηκαν όλες αυτές οι διάσπαρτες ώρες που πέρασα μπροστά στην οθόνη τους τελευταίους μήνες σε HTML/CSS hacking.

  Προσβασιμότητα

  Μετά από πάρα πολλή προσπάθεια, ο ιστοχώρος καταφέρνει να ακολουθεί όλα τα επίπεδα του W3C Web Accessibility Initiative (Level AAA), ικανοποιώντας όλα τα checkpoints όλων των προτεραιοτήτων (1, 2 και 3). Αυτό δίνει τη δυνατότητα σε ΑμεΑ τα οποία πλοηγούνται για παράδειγμα μέσω προγραμμάτων ανάγνωσης οθόνης και φυλλομετρητών κειμένου (text browsers) ή χρησιμοποιούν ειδικά πληκτρολόγια να έχουν όσο το δυνατόν πιο ισότιμη πρόσβαση στην ιστοσελίδα με όλους τους υπόλοιπους χρήστες. Αυτό συμπυκνώνει πάρα πολλές αλλαγές που έχουν γίνει για αυτόν ακριβώς τον σκοπό.

  Παραδείγματα “εύκολα”-υλοποιήσιμων αλλαγών είναι η μεταφορά της HTML του sidebar μετά το κυρίως κείμενο, ώστε στους χρήστες που χρησιμοποιούν text-based browsers να βλέπουν πρώτα το κυρίως κείμενο (άρθρα) και μετά τους βοηθητικούς συνδέσμους, (κλασικό πρόβλημα των ΑμεΑ όταν πλοηγούνται στο διαδίκτυο) και η αντιστοίχηση των πιο συχνών λειτουργιών (συνδέσμων) σε κουμπιά συντομεύσεων.

  Παραδείγματα “δύσκολα”-υλοποιήσιμων αλλαγών είναι η αλλαγή όλων των συνδέσμων ώστε να έχουν εννοιολογικό κείμενο (το αντίθετο του “κάντε κλικ εδώ), η εξασφάλιση ότι ποτέ δεν θα υπάρχει το ίδιο κείμενο συνδέσμων το οποίο να οδηγεί σε διαφορετικές σελίδες και η χρήση μόνο σχετικών μεγεθών γραμματοσειρών (π.χ. μέσω em μεγεθών αντί pixels).

  Χρησιμοποιώντας όσο το δυνατόν πιο κοντινά σε ΑμεΑ μέσα πλοήγησης, όπως φυλλομετρητές κειμένου, προγράμματα ανάγνωσης ιστοσελίδων και πλοήγηση μόνο με το πληκτρολόγιο και με το ένα χέρι, προσπάθησα να διορθώσω όσα προβλήματα υπήρχαν, τα οποία δεν περιγράφονται σε πρότυπα και κατευθυντήριες γραμμές. Επειδή φυσικά όλα αυτά είναι υποκειμενικά, αν βρείτε κάτι το οποίο δεν υλοποιήθηκε σωστά ή πιστεύετε ότι επιδέχεται βελτίωση, ρίχτε ένα mail.

  Τεχνικά

  • Το ιστολόγιο και ο ιστοχώρος πλέον είναι κωδικοποιημένοι με UTF-8 encoding αντί ISO-8859-7. Αυτό μου επιτρέπει να χρησιμοποιώ στην ίδια σελίδα ό,τι χαρακτήρα/γλώσσα θελήσω όπως π.χ. Déjà vu, Tête-à-tête, 菩薩 κλπ.
  • Ολόκληρος ο ιστοχώρος χρησιμοποιεί πλέον XHTML 1.0 Strict. Αυτό συνεπάγεται καλύτερο και πιο οργανωμένο κώδικα, “καθαρότερο” markup αφού τα elements που επιτρέπονται δεν αφορούν την εμφάνιση αλλά τη σημασιολογία (semantics) του αντικειμένου αλλά και αυξημένη προσβασιμότητα αφού η XHTML είναι πιο εύκολο να αναλυθεί από κάποιο browser (π.χ. PDA) αντί της απλής HTML, στην οποία τα πράγματα είναι πολύ πιο “χαλαρά”.
  • Η κλήση των ιστοσελίδων άλλαξε από *.php στο πιο φιλικό, εννοιολογικό, search-engine-ωφέλιμο /foo/bar/ (π.χ. /about/climbing/, /weblog/2005/06/ κλπ). Η ιδέα πίσω από αυτό είναι ότι τα URLs εμφανίζονται συχνά στον χρήστη (τόσο κατά το κλικ, όσο και στη μπάρα διεύθυνσης αλλά και σε άλλες ιστοσελίδες που συνδέουν εδώ) και επιβάλλεται να έχουν νόημα, χωρίς ακαταλαβίστικους και στην καλύτερη περίπτωση χωρίς κανένα άχρηστο χαρακτήρα. Έτσι ο χρήστης, εκτός του ότι καταλαβαίνει το νόημα της σελίδας από την ίδια τη διεύθυνση της, μπορεί να τροποποιήσει την τελευταία ο ίδιος για να πλοηγηθεί κάπου αλλού που θέλει.
  • Ορίστηκε ως προκαθορισμένη γλώσσα των σελίδων η Ελληνική. Όπου κρίνεται σημαντικό, δηλώθηκε η αλλαγή της γλώσσας από ελληνικά σε αγγλικά (π.χ. μέσω <p lang="en">hello</p>). Απαραίτητο στοιχείο για ΑμεΑ που χρησιμοποιούν αναγνώστες κειμένων στο σερφέρισμα τους αλλά και για χρήστες που επέλεξαν να μην εμφανίζεται καθόλου το ελληνικό κείμενο.

  HTML/CSS

  • Η δομή και η σημασιολογία της HTML και του CSS είναι ασύγκριτα καλύτερες από πριν. Έχουν αφαιρεθεί δεκάδες class που δεν χρειάζονταν και πολλές που έμειναν αντικαταστάθηκαν όπου έπρεπε με ids. Πλέον όλα τα στοιχεία ονομάζονται με βάση τη σημασιολογία και όχι την εμφάνιση τους.
  • Όλα τα περιττά tags έχουν αντικατασταθεί με τα σημασιολογικά ανάλογα τους. Κλασικά παραδείγματα τα δεκάδες span και div που έγιναν λίστες, dds κλπ. Όπου χρειαζόταν προστέθηκαν tags για την βελτίωση του markup. Όλα τα quotes έχουν μετατραπεί σε q και blockquotes, οι διάλογοι και οι ορισμοί σε dl/dt/dd, o κώδικας πλέον περικλείεται σε code tags. Όλα τα αντικείμενα που μπορεί να εκληφθούν ως λίστες, έγιναν τέτοιες (ακόμη και οι εικονίτσες κάτω αριστερά).
  • Έγινε μεγάλη προσπάθεια ώστε όπου χρησιμοποιήθηκε κάποια πηγή για κάτι (π.χ. σε quotes ή σε αναφορές στο έργο κάποιου) να πλέον δηλώνεται ρητά η καταγωγή μέσω ενός cite tag.
  • Στο πλαίσιο της μετάβασης σε XHTML 1.0 Strict, όλα τα παρωχημένα (deprecated) html tags αντικαταστάθηκαν, όπως π.χ. τα b, i, small κλπ.

  Άλλα

  • Το ιστολόγιο πλέον χρησιμοποιεί νέα μηχανή, τη wordpress αντί τη moveable type που χρησιμοποιούσε πριν. Η νέα μηχανή είναι ελεύθερο λογισμικό αντίθετα με την προηγούμενη. Πλέον, ο ιστοχώρος μπορεί να δηλώνει ότι δημιουργήθηκε από και χρησιμοποιεί μόνο ελεύθερο λογισμικό.
  • Παρέχονται πλέον και Atom feeds (εκτός από RSS 0.92 και RSS 2.0).
  • Προστέθηκαν τα mini-posts.
  • Βελτιώθηκε η δυνατότητα σχολιασμού. Ενσωματώθηκε μια μικρή λειτουργία ενημέρωσης χρηστών για τυχόν νέα σχόλια σε κάθε καταχώρηση ξεχωριστά, επιλογή μεγέθυνσης χώρου σχολίων, κουμπιά διευκόλυνσης ελέγχου εμφάνισης κειμένου και on-the-fly επισκόπιση σχολίου, χάρη στο plugin του Ιάκωβου Κωνσταντίνου.
  • Δημιουργήθηκε ένα favicon για τον ιστοχώρο μου, με αρκετό κόπο μπορώ να πω για να φαίνεται καλά σε 16×16 pixels μέγεθος. Ίσως φτιάξω κάποια SVG μορφή του — ευκαιρία να μάθω το σούπερ εργαλείο Inkscape (ποιός χρειάζεται Illustrator;).
  • Προστέθηκαν οι σελίδες Αναρρίχηση, Δήλωση προσβασιμότητας.
  • Το ιστολόγιο είναι πλέον “δεμένο” με το style του αρχικού ιστότοπου. Μοιράζονται τις ίδιες ιδιότητες (πολλές από τις οποίες κάνει override το ιστολόγιο) ώστε να υπάρχει ομοιομορφία και συνεκτικότητα μεταξύ τους.
  • Όπου χρησιμοποιείται κάποιο ακρονύμιο (ή κάποια συντομογραφία), η πρώτη του εμφάνιση του στην ιστοσελίδα μαρκάρεται με ένα acronym/abbr tag για όσους δεν γνωρίζουν σε τι αναφέρεται το ακρονύμιο αυτό.

  Νομίζω ότι κάπου εδώ, μπορώ να πω χωρίς δισταγμό, ότι είμαι πλέον ικανοποιημένος.

• dawn, Σάββατο 16 Ιουλίου 2005
  [ Website ] | Permalink | Comments deactived

No comments

---

• ← Ιστολογικές ενοχλήσεις 
• Πάρτυ για την ομάδα (κατά των) πατεντών λογισμικού →
• ↑ Return