Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Accesibilidad que contiene a HTML: abreviaturas en los encabezados de tabla

Datos de búsqueda

HTML: abreviaturas en los encabezados de tabla

Cuando el contenido de un encabezado de tabla (TH) es muy extenso se puede recurrir a su abreviatura, mediante el atributo abbr.

Esta técnica tiene sentido para los usuarios que utilizan lectores de pantalla, ya que dichos lectores repiten el contenido de los encabezados de tabla al referirse a una celda asociado a los mismos.

Ejemplo de tabla accesible con abreviaturas en los encabezados de tabla (la tabla la he tomado prestada de 456 Berea St.):

<table summary="Número de empleados y años de fundación de
 empresas ficticias.">
 <caption>Tabla 1: Datos de las empresas</caption>
 <tr>
  <th abbr="Empresa">Nombre de la empresa</th>
  <th abbr="Empleados">Número de empleados</th>
  <th abbr="Fundación">Año de fundación</th>
 </tr>
 <tr>
  <td>ACME Inc</td>
  <td>1000</td>
  <td>1947</td>
 </tr>
 <tr>
  <td>Compañía XYZ</td>
  <td>2000</td>
  <td>1973</td>
 </tr>
</table>

Referencias y enlaces relacionados

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio