Povzetek nedavnega pogovora o orisu dokumenta

Ne zgodi se vsak dan, da so naslovi HTML tema de jour, vendar se v moji mapi shranjenih povezav kopičijo članki o nedavno združeno odstranitev algoritma orisa dokumenta v življenjskem standardu WHATWG.

Najprej morate vedeti, da algoritem v resnici nikoli ni obstajal. Seveda, bilo je v specifikaciji. In seveda, v specifikaciji je bilo opozorilo o njegovi uporabi. Vendar ga noben brskalnik ni nikoli implementiral, kot Bruce Lawson nas je spomnil. Ves čas živimo v ravni strukturi dokumentov.

To je zelo stare novice. Adrian Roselli je pisal o mitu o orisu dokumenta saj 2013. Vendar je njegova objava iz leta 2016 naslovljena »Ni algoritma orisa dokumenta« ki to izčrpno opisuje in se redno posodablja z dodatnimi drobci konteksta o pogovorih in bojih, ki so nas pripeljali sem. To je res najboljša časovnica sage. Tudi Amelia Bellamy-Royds je poglobili v korenine dileme v preteklosti tukaj na CSS-Tricks.

V mislih se takoj posvetim vsemu delu, ki je bilo vloženo v izdelavo algoritma orisa dokumenta, ki podpira razdeljevanje. Odstranitev iz specifikacije je zagotovo pravi poziv, vendar ne odvzame herkulskega truda, ki je bil vložen vanj, tudi če je zdaj zakopan v neki zgodovini različic. Pomislim tudi na vse dobronamerne ljudi, ki so sčasoma napačno pisali o algoritmu (tudi na tem mestu!) v pričakovanju, da je tik pred vrati. Obstaja skoraj sedem let duševnega in tehničnega dolga, ki smo si ga nabrali zaradi, kot kaže, pomanjkanja ukrepanja.

Če pogledamo mimo "novic", da algoritma uradno ni več, Bruce obžaluje, da ni generičnega <h> element ali podobno, ki ga je mogoče razdeliti, da se ustvari pravilna raven naslova. Strinjam se. Imeti <h1> element v bistvu obstaja kot izpostavljen <title> je omejujoč, zlasti ker so strani tako redko strukturirane okoli enega članka z enim naslovom na najvišji ravni. Pogosto se zalotim, da se zdrznem vsakič, ko izdelujem nekakšno komponento kartice <h3> morda je tehnično pravilen, vendar se zdi, da ni v redu. In to še preden sploh govorimo o stilskih vidikih, kjer mora nižja raven naslova zdaj izgledati kot izrazito višja raven naslova.

Ko že govorimo o upravljanju ravni naslovov, ima Steve Faulkner (ki je avtor PR-ja, ki je algoritem pobral iz specifikacije) super praktičen pregled uporabe <hgroup> element za obdelavo vzorcev naslovov, ki vključujejo podnaslove, podnapise, alternativne naslove, druge slogane. Prepričan sem, da ste v naravi že videli takšno oznako:

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

To se ne ujema z ravnim orisom dokumenta, ki ga vodijo ravni naslovov. Vsak od teh naslovov predstavlja razdelek, ki tvori hierarhijo informacij:

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

Namesto tega želimo a skupina naslovov. Iztočnite <hgroup> Element:

Ko je ugnezden znotraj a <hgroup> element, the <p> vsebina elementa predstavlja podnaslov, alternativni naslov ali slogan, ki niso vključeni v oris dokumenta.

Torej dobimo to strukturo:

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

<hgroup> is role=generic trenutno, ampak Steve opozarja na predlog ki bi ga lahko preslikali na role=group. Če se to zgodi, bo drevo dostopnosti omogočilo podporni tehnologiji, da dodeli več semantičnega pomena tem odstavkom kot deli podnapisov in sloganov, ki so. Sliši se preprosto, vendar Steve opazi izzive, ki so na poti. Predstavi tudi, kako bi lahko ta vzorec danes implementirali z atributi ARIA.

Ko zaokrožujemo stvari, je Matthias Ott objavil nekaj nasvetov o ustvarjanje strukturiranega orisa z naslovi. Na koncu si oglejte odličen seznam orodij za preverjanje obrisov naslovov.