Resumen de Chatter de esquema de documento reciente

No todos los días los encabezados HTML son el tema de día, pero mi carpeta de enlaces guardados está acumulando artículos sobre el recientemente fusionado Eliminación del algoritmo del esquema del documento en WHATWG Living Standard.

En primer lugar, debe saber que el algoritmo nunca existió realmente. Claro, estaba en las especificaciones. Y claro, había una advertencia sobre su uso en la especificación. Pero ningún navegador lo implementó nunca, como Bruce Lawson nos recordó. Hemos estado viviendo en una estructura de documentos plana todo el tiempo.

Es muy viejas noticias. Adrian Roselli ha estado escribiendo sobre el mito del esquema del documento desde 2013. Pero es su publicación de 2016 titulada “No hay algoritmo de esquema de documento” que lo explica de manera integral y se ha actualizado regularmente con pepitas adicionales de contexto sobre las conversaciones y las luchas que nos trajeron aquí. Esta es realmente la mejor línea de tiempo de la saga. Amelia Bellamy-Royds también ha profundizado en las raíces del dilema en el pasado aquí en CSS-Tricks.

Mi mente se dirige instantáneamente a todo el trabajo que se ha realizado para crear un algoritmo de esquema de documento que admita la sección. Quitarlo de la especificación es sin duda la decisión correcta, pero no quita los esfuerzos hercúleos que se realizaron, incluso si ahora está enterrado en algún historial de versiones. También pienso en todas las personas bien intencionadas que han escrito sobre el algoritmo erróneamente a lo largo del tiempo (¡incluso en este mismo sitio!) con la expectativa de que estaba a la vuelta de la esquina. Hay casi siete años de deuda mental y técnica que hemos acumulado por lo que parece ser una falta de acción.

Mirando más allá de la "noticia" de que el algoritmo oficialmente ya no existe, Bruce lamenta que no haya un genérico <h> elemento o similar que se puede seccionar para producir el nivel de encabezado correcto. Estoy de acuerdo. tener un <h1> elemento esencialmente existe como un expuesto <title> es restrictivo, particularmente porque las páginas rara vez se estructuran en torno a un solo artículo con un solo encabezado de nivel superior. A menudo me estremezco cada vez que hago algún tipo de componente de tarjeta en el que uso <h3> puede ser técnicamente correcto, pero se siente fuera de servicio. Y eso es incluso antes de que hablemos de las consideraciones de estilo donde un nivel de encabezado más bajo ahora debe verse como un nivel de encabezado más alto distinto.

Hablando de la gestión del nivel de encabezado, Steve Faulkner (autor de las relaciones públicas que extrajo el algoritmo de la especificación) tiene una descripción general súper práctica del uso de la <hgroup> elementos para manejar patrones de encabezados que involucran subtítulos, subtítulos, títulos alternativos y eslóganes. Estoy seguro de que has visto marcado como este en la naturaleza:

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

Eso no concuerda con un esquema de documento plano que se rige por niveles de encabezado. Cada uno de esos encabezados representa una sección que forma una jerarquía de información:

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

Lo que queremos en cambio es un grupo de XNUMX de encabezados Cue el <hgroup> elemento:

Cuando está anidado dentro de un <hgroup> elemento, el <p> el contenido del elemento representa un subtítulo, un título alternativo o un eslogan que no están incluidos en el esquema del documento.

Entonces, obtenemos esta estructura:

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

<hgroup> is role=generic en este momento, pero Steve apunta a una propuesta que podría mapearlo role=group. Si eso sucede, el árbol de accesibilidad permitirá que la tecnología de asistencia asigne un significado más semántico a esos párrafos como las piezas de subtítulos y eslóganes que son. Suena fácil, pero Steve nota desafíos que se interponen en el camino. También demuestra cómo este tipo de patrón podría implementarse hoy con atributos ARIA.

Mientras redondeamos las cosas, Matthias Ott publicó algunos consejos sobre crear un esquema estructurado con encabezados. Consulte el final para obtener una excelente lista de herramientas para verificar los contornos de sus encabezados.