• Switch to English
  • You are in Greek version

Monday 14.07.2008, ¶ Web standards, 11 Σχόλια

# Εγγραφείτε στα RSS feeds 

The Web Standards Curriculum από την Opera

Ένα αυτοκίνητο μπορεί να έχει ή να μην έχει φώτα ομίχλης, ενσωματωμένο GPS, τηλεχειριστήριο ηχητικού συστήματος κλπ. όμως σίγουρα έχει ζώνες ασφαλείας, ABS και ένδειξη βενζίνης. Αντίστοιχα (πρέπει να) είναι τα πράγματα και για ένα website.

Πρόσφατα, οι άνθρωποι πίσω από τον Opera, τον σημαντικό αυτόν browser, ανακοίνωσαν μια σειρά άρθρων γύρω από την αξία και τη χρήση των Web standards, κάτω από τον τίτλο The Web Standards Curriculum.

Τοποθέτησα το link στα bookmarks μου στο Magnolia, επειδή όμως δεν ξέρω πόσοι από τους φίλους του site τα παρακολουθείτε κι επειδή πρόκειται για μια πολύ σημαντική σειρά κειμένων, πιστεύω ότι πρέπει να πω δυο λόγια παραπάνω.

Τα Web standards είναι ο καλύτερος κι ασφαλέστερος τρόπος να σχεδιαστεί και να αναπτυχθεί ένας διαδικτυακός τόπος, όποιας μορφής ή μεγέθους κι αν είναι αυτός. Κάποια από τα προφανή πλεονεκτήματα είναι:

  • Κοινός τρόπος ανάπτυξης κώδικα από διαφορετικούς ανθρώπους σε όλο τον πλανήτη
  • Συμβατότητα με όλες τις συσκευές (π.χ. υπολογιστές, κινητά τηλέφωνα, PDA κλπ)
  • Προσβασιμότητα για όλους τους ανθρώπους ανεξάρτητα την φυσική τους κατάστασης
  • Ευκολία στη συντήρηση και στην ανανέωση του website
  • Ευκολία εύρεσης ενός website από τις μηχανές αναζήτησης

Το κείμενο από την Opera είναι ιδιαίτερα αναλυτικό και καλογραμμένο και δείχνει την προσήλωση των ανθρώπων του browser στα Web standards.

Για όποιον ενδιαφέρεται να μάθει περισσότερα για τα Web standards (Πρότυπα Διαδικτύου στα ελληνικά) υπάρχει σε αυτό το website ένα κείμενο με τίτλο “Τι είναι τα Web standards”, που αν δεν κάνω λάθος είναι το μοναδικό ελληνικό που μιλάει τόσο αναλυτικά για το θέμα. Το κείμενο απευθύνεται πρακτικά σε όλους όσους σχετίζονται άμεσα ή έμμεσα με το Διαδίκτυο.

Τέλος, και για να επανέλθω στην αντιστοιχία του παραδέιγματος με το αυτοκίνητο στην αρχή: ένα portal, ένα ηλεκτρονικό κατάστημα, ένα blog, ένα εταιρικό website κλπ είναι διαδικτυακοί τόποι με εντελώς διαφορετικά χαρακτηριστικά. Ωστόσο, ο τρόπος με τον οποίο θα αναπτυχθούν αυτά τα websites μπορεί κι εν τέλει οφείλει να είναι βάσει των Web standards.

Ακριβώς για το λόγο όπου ένα αυτοκίνητο όταν δεν έχει ζώνες ασφαλείας δεν πληροί τα standards, έτσι κι ένα website που δεν έχει δημιουργηθεί με σεβασμό στα πρότυπα του Διαδικτύου, θεωρείται προβληματικό.

11 Σχόλια

# Εγγραφείτε στα RSS feeds 

Picture of John Tsevdos

Πες τα χρυσόστομε!!! Πάντως σέβομαι απεριόριστα εταιρείες που κάνουν τέτοιες κινήσεις (κυρίως Mozilla, Opera και Webkit)... Μπράβο τους!!!

John Tsevdos
14 July 2008

Picture of Stazybο Hοrn

Αναρωτιέμαι αν η wordpress.com για παράδειγμα θα έχει διορθώσει στη νέα της έκδοση της παράλειψη της να προσφέρει το title attribute για το img tag, και όχι το alt attribute, όπως κάνει τώρα, ως δήθεν τίτλο...

Τους έχω στείλει δύο σχετικά μηνύματα, και στα δύο απάντησαν ότι θα το φροντίσουν στην επόμενη έκδοση.

Stazybο Hοrn
15 July 2008

Picture of porcupine

Stazybο Hοrn θα διαφωνήσω με το σχόλιό σου: το alt attribute είναι πιο σημαντικό. Γιατί το κείμενο ή καλύτερα η περιγραφή που θα μπει στο alt θα είναι εκείνο που θα γίνει κατανοητό για τους ανθρώπους που διαβάζουν τη σελίδα μέσα από ένα screen reader.

Απλώς είναι (αν δεν κάνω λάθος) ο Firefox που βλέπει το title “πριν” από το alt, οπότε αφήνοντας το ποντίκι πάνω από μια εικόνα εμφανίζεται στο balloon το κείμενο του title κι όχι του alt.

Δεν παραγνωρίζω την αξία του title για το img tag. Πιστεύω όμως ότι το alt είναι πιο σημαντικό.

porcupine
15 July 2008

Picture of Stazybο Hοrn

ΔΕΝ είπα ότι το alt δεν είμαι σημαντικό. Αλλά εσύ κάνεις λάθος -και δεν το περίμενα.

Από http://www.w3.org/TR/html401/struct/objects.html#adef-alt (οι τονισμοί παντού δικοί μου):

alt = text [CS] For user agents that cannot display images, forms, or applets, this attribute specifies alternate text.

Από http://www.w3.org/TR/html401/struct/global.html#adef-title

title = text [CS]
  This attribute offers advisory information about the element for which it is set.

Unlike the TITLE element, which provides information about an entire document and may only appear once, the title attribute may annotate any number of elements. Please consult an element’s definition to verify that it supports this attribute.

Values of the title attribute may be rendered by user agents in a variety of ways. For instance, visual browsers frequently display the title as a “tool tip” (a short message that appears when the pointing device pauses over an object). Audio user agents may speak the title information in a similar context. For example, setting the attribute on a link allows user agents (visual and non-visual) to tell users about the nature of the linked resource:

...some text…
Here’s a photo of
[url=“http://someplace.com/neatstuff.gif” title=“Me scuba diving”]
  me scuba diving last summer
[/url]
...some more text…

To title είναι για να βοηθήσεις την πρόσβαση του επίσκεπτή σου, κι αυτό που πάει σε tooltip.

Το alt είναι για να εμφανίσει ένα κείμενο εφόσον δεν είναι διαθέσιμο ή δεν μπορεί να προβληθεί (προσωρινά ή μόνιμα) το image.

Η M$ κι ο ΙΕ είναι που τα έχουνε κάνει σκ@τ@ και σε αυτό το θέμα γράφοντας στα παλιά τους τα παπούτσια τα standards, που επικαλείσαι στα άρθρα σου.

Έως αυτή τη στιγμή το WP έχει επίσης γραμμένα στο ίδιο σημείο τα άτομα με προβλήματα όρασης και ακοής.

Stazybο Hοrn
16 July 2008

Picture of porcupine

Φίλε Stazybο Hοrn δεν έκανα λάθος.

Το παράδειγμα που αναφέρεις για το title μιλάει για το attribute title σε link, δηλαδή για το tag a, όχι για το tag img.

Δοκίμασε να περάσεις από τον validator της W3C ένα HTML αρχείο, χωρίς alt στα images. Θα βγάλει λάθος.
Δοκίμασε να περάσεις το ίδιο HTML χωρίς το attribute title σε link ή σε img. Δε θα βγάλει λάθος. (Μιλάω πάντα για το title ως attribute, όχι ως tag στο head του HTML.)

porcupine
16 July 2008

Picture of Stazybο Hοrn

Δεν μιλάει μόνο για το anchor. Κρίμα, που ως επαγγελματίας δεν πείθεσαι.

Έχω περάσει πολλές φορές από validator σελίδες, αυτό που λες επίσης δείχνει το λάθος σου.

Τον validator ενδιαφέρει η σελίδα να γίνει rendered σε κάθε περίπτωση, κι όχι αν το image συνοδεύεται από title για αυτόν που το χρειάζεται.

Stazybο Hοrn
16 July 2008

Picture of Stazybο Hοrn

Για να το διατυπώσω πιο σωστά, κι αν μου επιτρέπεις, να σε διαβεβαιώσω ότι δεν ήταν/είναι στις προθέσεις μου οποιαδήποτε μομφή εναντίον σου.

Το alt αρκεί για το σωστό rendering, κι εξασφαλίζει παράλληλα το εναλλακτικό κείμενο που θα αναγνωσθεί αν χρειασθεί, και ορθώς δεν πρέπει να παραλείπεται.

Όμως, αν θέλουμε tool tip, πρέπει να χρησιμοποιούμε title.

Stazybο Hοrn
16 July 2008

Picture of porcupine

Δεν έχει να κάνει με το αν πείθομαι ως επαγγελματίας ή όχι. Αυτό που είπα από το πρώτο μου σχόλιο είναι ότι το alt attribute είναι σημαντικότερο από το title attribute.

Αποδείξεις:

1. Αντίγράφω από το Web Content Accessibility Guidelines της W3C (τα bold δικά μου).

Provide a text equivalent for every non-text element (e.g., via “alt”, “longdesc”, or in element content).

Και πιο κάτω:

Link text should be meaningful enough to make sense when read out of context—either on its own or as part of a sequence of links. Link text should also be terse.
For example, in HTML, write “Information about version 4.3” instead of “click here”. In addition to clear link text, content developers may further clarify the target of a link with an informative link title (e.g., in HTML, the “title” attribute).

Στη μια περίπτωση το alt επιβάλλεται στην άλλη είναι καλό να χρησιμοποιείται το title για να κάνει τα πράγματα πιο καθαρά.

2. Αντιγράφω από το Web Accessibility Initiative επίσης της W3C:

Images & animations:Use the alt attribute to describe the function of each visual.

Δε μιλάει πουθενά για title γιατί δεν είναι τόσο σημαντικό όσο το alt.

3. Δοκίμασε, εκτός του validator που ανέφερα στο προηγούμενο σχόλιο (και ό,τι είπα σε αυτό είναι απολύτως ακριβές) και τον Cynthia, ένα εργαλείο που πηγαίνει ακόμα βαθύτερα από τον προηγούμενο validator.
Θα δεις ότι το title ως attribute είναι επιθυμητό μόνο για τα Levels 2, 3 του accessibility test. Το Level 1 που είναι το λιγότερο αυστηρό απαγορεύει να ξεχάσεις το alt στα images, αλλά δε βγάζει λάθος αν ξεχάσεις το title (πάντα ως attribute).

porcupine
16 July 2008

Picture of porcupine

Μέχρι ν’ απαντήσω είχες κάνει νέο σχόλιο... Δεν πειράζει, τα links αυτά μπορεί να είναι χρήσιμα για κάποιον άλλο φίλο.

Κανένα πρόβλημα και καμία παρεξήγηση από τα σχόλιά σου φίλε Stazybο Hοrn.

porcupine
16 July 2008

Picture of Stazybο Hοrn

τα ίδια πράγματα λέμε, με άλλα λόγια, μου φαίνεται... grin

Για να επανέλθω στη WP και να το κλείσουμε:

1) Η ονομασία Image Title από το WP του πεδίου που αποδίδει εντέλει στο alt είναι κατά τη γνώμη μου παραπλανητική, και θα έπρεπε να αντικατασταθεί από κάτι το Alternate Text

2) Για tool tip σε image χρειαζόμαστε το title attribute, κι αυτό, ή το έχει «παρανοήσει» η WP, ή δεν θέλει να το προσφέρει στην πλατφόρμα της, αφού και με το χέρι να το προσθέσει κάποιος, το αφαιρεί.


άσχετο: τώρα, βλέπω και image caption, που το κεντράρει κάτω από το image. Υπήρχε αυτό; δεν το θυμάμαι ως προχτές.

Stazybο Hοrn
16 July 2008

Picture of Stazybο Hοrn

Τελικά, το WP αποφάσισε ότι ήταν καιρός να περνάει αυτό που ονομάζει image title και στα δύο attributes, στο title και στο alt δηλαδή, ώστε το tool tip text να βγαίνει σωστά και κατά τα πρότυπα του W3C, και όχι μόνο καταχρηστικά κατά IE…

Stazybο Hοrn
14 November 2008

Shoot it





Παρακαλώ συμπληρώστε την παρακάτω πρόταση *: Το όνομα αυτού του website είναι: porcupine....
 Smileys Να θυμάσαι τα στοιχεία μου
Να ειδοποιούμαι για απαντήσεις
  • Τα πεδία με την ένδειξη * είναι υποχρεωτικά
  • Πείτε ποιος είστε με ένα Gravatar
  • Επιτρεπόμενα tags: a, blockquote, em, strong
  • Το υπερσύγχρονο σύστημά μας ελέγχει σχόλια άσχετα με το κείμενο ή που δεν συμβαδίζουν με το site και τα διαγράφει αυτόματα
  • Για να κάνετε 2ο σχόλιο, παρακαλώ περιμένετε 5'.

Προεπισκόπιση σχόλιου

Πριν φύγετε, μήπως θα θέλατε να δείτε όλα τα κείμενα με διαφορετικό design;