Ενημέρωση της πρόσφατης συζήτησης περί περιλήψεων εγγράφων

Δεν είναι καθημερινό που οι επικεφαλίδες HTML είναι το θέμα de jour, αλλά ο φάκελος με τους αποθηκευμένους συνδέσμους μου συσσωρεύει άρθρα σχετικά με το πρόσφατα συγχωνεύτηκε αφαίρεση του αλγορίθμου περίγραμμα εγγράφων στο WHATWG Living Standard.

Αρχικά, θα πρέπει να γνωρίζετε ότι ο αλγόριθμος δεν υπήρξε ποτέ πραγματικά. Φυσικά, ήταν στις προδιαγραφές. Και σίγουρα, υπήρχε μια προειδοποίηση σχετικά με τη χρήση του στις προδιαγραφές. Αλλά κανένα πρόγραμμα περιήγησης δεν το εφάρμοσε ποτέ, όπως Μας το θύμισε ο Bruce Lawson. Ζούμε σε μια επίπεδη δομή εγγράφων όλη την ώρα.

Αυτό είναι πολύ παλιά νέα. Ο Adrian Roselli έχει γράψει για τον μύθο περίληψης του εγγράφου από 2013. Αλλά είναι η ανάρτησή του του 2016 με τίτλο "Δεν υπάρχει αλγόριθμος περίγραμμα εγγράφων" που το εξηγεί αναλυτικά και ενημερώνεται τακτικά με επιπλέον ψήγματα περιβάλλοντος σχετικά με τις συζητήσεις και τους αγώνες που μας οδήγησαν εδώ. Αυτό είναι πραγματικά το καλύτερο χρονοδιάγραμμα του έπος. Η Amelia Bellamy-Royds έχει επίσης εμβάθυνε στις ρίζες του διλήμματος στο παρελθόν εδώ στο CSS-Tricks.

Το μυαλό μου πηγαίνει αμέσως σε όλη τη δουλειά που έχει γίνει για τη δημιουργία ενός αλγορίθμου περίγραμμα εγγράφων που υποστηρίζει την κοπή. Η κατάργησή του από τις προδιαγραφές είναι σίγουρα η σωστή έκκληση, αλλά δεν αφαιρεί από τις τεράστιες προσπάθειες που καταβλήθηκαν, ακόμα κι αν είναι τώρα θαμμένο σε κάποιο ιστορικό εκδόσεων. Σκέφτομαι επίσης όλους τους καλοπροαίρετους ανθρώπους που έχουν γράψει για τον αλγόριθμο λανθασμένα με την πάροδο του χρόνου (συμπεριλαμβανομένου αυτού ακριβώς του ιστότοπου!) με την προσδοκία ότι ήταν προ των πυλών. Υπάρχουν σχεδόν επτά χρόνια ψυχικού και τεχνικού χρέους που έχουμε συγκεντρώσει από αυτό που φαίνεται να είναι έλλειψη δράσης.

Παρατηρώντας τις «ειδήσεις» ότι ο αλγόριθμος δεν είναι πλέον επίσημα, ο Bruce θρηνεί που δεν υπάρχει γενικό <h> στοιχείο ή κάτι παρόμοιο που μπορεί να τεμαχιστεί για να παραχθεί το σωστό επίπεδο επικεφαλίδας. Συμφωνώ. Έχοντας ένα <h1> στοιχείο ουσιαστικά υπάρχει ως εκτεθειμένο <title> είναι περιοριστική, ιδιαίτερα επειδή οι σελίδες είναι τόσο σπάνια δομημένες γύρω από ένα μόνο άρθρο με μια ενιαία επικεφαλίδα ανώτατου επιπέδου. Συχνά βρίσκομαι να τσακίζομαι κάθε φορά που φτιάχνω κάποιο είδος εξαρτήματος κάρτας όταν το χρησιμοποιώ <h3> μπορεί να είναι τεχνικά σωστό, αλλά φαίνεται εκτός λειτουργίας. Και αυτό πριν καν μιλήσουμε για το στυλ, όπου ένα χαμηλότερο επίπεδο επικεφαλίδας πρέπει τώρα να μοιάζει με ένα ξεχωριστό υψηλότερο επίπεδο επικεφαλίδας.

Μιλώντας για τη διαχείριση επιπέδου επικεφαλίδας, ο Steve Faulkner (ο οποίος συνέταξε το PR που έβγαλε τον αλγόριθμο από την προδιαγραφή) έχει ένα εξαιρετικά πρακτική επισκόπηση της χρήσης του <hgroup> στοιχείο για να χειριστείτε μοτίβα επικεφαλίδων που περιλαμβάνουν υποτίτλους, υπότιτλους, εναλλακτικούς τίτλους, και ετικέτες. Είμαι βέβαιος ότι έχετε δει σήμανση όπως αυτή στη φύση:

<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>

Αυτό δεν ταιριάζει με ένα επίπεδο περίγραμμα εγγράφου που καθορίζεται από τα επίπεδα επικεφαλίδων. Κάθε μία από αυτές τις επικεφαλίδες αντιπροσωπεύει μια ενότητα που σχηματίζει μια ιεραρχία πληροφοριών:

Disappointingly Average
└── The Autobiography of Geoff Graham
    └── by Geoff Graham

Αυτό που θέλουμε είναι ένα ομάδα των επικεφαλίδων. Cue το <hgroup> στοιχείο:

Όταν φωλιάζεται μέσα σε ένα <hgroup> στοιχείο, το <p> το περιεχόμενο του στοιχείου αντιπροσωπεύει μια υπότιτλου, εναλλακτικό τίτλο ή περιγραφή που δεν περιλαμβάνονται στο περίγραμμα του εγγράφου.

Έτσι, παίρνουμε αυτή τη δομή:

<hgroup>
  <h1>Disappointingly Average</h1>
  <p>The Autobiography of Geoff Graham</p>
  <p>by Geoff Graham</p>
</hgroup>

<hgroup> is role=generic αυτή τη στιγμή, αλλά ο Στιβ παραπέμπει σε πρόταση που θα μπορούσε να το χαρτογραφήσει role=group. Εάν συμβεί αυτό, το δέντρο προσβασιμότητας θα επιτρέψει στην υποβοηθητική τεχνολογία να αποδώσει περισσότερο σημασιολογικό νόημα σε αυτές τις παραγράφους ως κομμάτια υπότιτλων και tagline που είναι. Ακούγεται εύκολο, αλλά ο Steve σημειώνει τις προκλήσεις που βρίσκονται στο δρόμο. Δείχνει επίσης πώς αυτό το είδος μοτίβου θα μπορούσε να εφαρμοστεί σήμερα με χαρακτηριστικά ARIA.

Όσο συγκεντρώνουμε τα πράγματα, ο Matthias Ott δημοσίευσε μερικές συμβουλές δημιουργώντας ένα δομημένο περίγραμμα με επικεφαλίδες. Ρίξτε μια ματιά στο τέλος για μια εξαιρετική λίστα εργαλείων για να ελέγξετε τα περιγράμματα των επικεφαλίδων σας.