p-as-heading

Un <p> con estilo de encabezado probablemente debería ser un encabezado real

manualWCAG 1.3.1 (A)confianza: lowgravedad: minorperceivable

Marca elementos <p> cortos cuyo texto completo está en negrita y se renderiza a >=18px, para revisión manual de si debería usarse en su lugar un elemento de encabezado real.

Ámbito de aplicación. Elementos `<p>` con contenido de texto recortado corto (<=120 caracteres), no vacío, que está enteramente en negrita (el `font-weight` calculado del propio `<p>` es >= 700, O todo su texto está envuelto en un único hijo `<strong>`/`<b>`) y se renderiza a >=18px.

Resultado esperado. El texto con estilo que visualmente se lee como un encabezado (negrita, tamaño mayor que el del cuerpo, corto) debería estar marcado con un elemento de encabezado real (`<h1>`-`<h6>` o `role="heading"`) para que su rol estructural sea determinable de forma programática, la misma preocupación de 1.3.1 que cualquier otro problema de "estructura transmitida solo mediante presentación".

Ejemplos

can't tell
<style>.fakeHeading { font-weight: bold; font-size: 22px; }</style>
<p class="fakeHeading">Section Title</p>

En negrita, con tamaño de encabezado y corto: visualmente es un encabezado, pero está marcado como un `<p>` simple sin semántica de encabezado.

n/a
<p>Just a normal paragraph of body text that is not bold at all.</p>

Peso y tamaño normales; nada sugiere visualmente un encabezado.

Ver código fuente