Validación HTML: El elemento "acronym" está obsoleto. Usa el elemento "abbr" en su lugar.

Acerca de este problema HTML

En versiones anteriores de HTML, había dos elementos separados para formas abreviadas de palabras y frases: <abbr> para abreviaciones (como “Dr.” o “etc.”) y <acronym> para siglas (como “NASA” o “HTML”). La especificación HTML5 eliminó esta distinción porque las siglas son simplemente un tipo de abreviación. El elemento <abbr> ahora cubre todos los casos.

Usar el elemento obsoleto <acronym> causa errores de validación W3C y tiene varios inconvenientes prácticos:

Cumplimiento de estándares: El elemento no es parte de la especificación HTML actual. Los validadores lo marcarán como un error, y no se garantiza que los navegadores futuros lo soporten.
Accesibilidad: Las tecnologías de asistencia están diseñadas y probadas contra estándares actuales. Aunque muchos lectores de pantalla aún manejan <acronym>, confiar en un elemento obsoleto arriesga un comportamiento inconsistente. El elemento <abbr> tiene semánticas de accesibilidad bien definidas y estandarizadas.
Consistencia: Usar <abbr> para todas las abreviaciones y siglas simplifica tu marcado y hace que sea más fácil de mantener para los desarrolladores.

La solución es sencilla: reemplaza cada etiqueta <acronym> con <abbr>. El atributo title funciona de la misma manera en ambos elementos — proporciona la forma expandida de la abreviación o sigla que los navegadores típicamente muestran como tooltip al pasar el cursor.

Ejemplos

❌ Obsoleto: usando `<acronym>`

<p>The <acronym title="World Wide Web">WWW</acronym> was invented by Tim Berners-Lee.</p>

<p>This page is written in <acronym title="HyperText Markup Language">HTML</acronym>.</p>

✅ Corregido: usando `<abbr>`

<p>The <abbr title="World Wide Web">WWW</abbr> was invented by Tim Berners-Lee.</p>

<p>This page is written in <abbr title="HyperText Markup Language">HTML</abbr>.</p>

Usando `<abbr>` tanto para abreviaciones como para siglas

Ya que <abbr> ahora maneja todas las formas abreviadas, puedes usarlo de manera consistente en todo tu marcado:

<p>
  Contact <abbr title="Doctor">Dr.</abbr> Smith at
  <abbr title="National Aeronautics and Space Administration">NASA</abbr>
  for more information about the <abbr title="International Space Station">ISS</abbr>.
</p>

Aplicar estilos a `<abbr>` con CSS

Algunos navegadores aplican un subrayado punteado por defecto a los elementos <abbr> con un atributo title. Puedes personalizar esto con CSS:

<style>
  abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
  }
</style>

<p>Files are transferred using <abbr title="File Transfer Protocol">FTP</abbr>.</p>

Si estás migrando una base de código grande, un simple buscar y reemplazar de <acronym con <abbr y </acronym> con </abbr> manejará la conversión. No se necesitan otros cambios de atributos o contenido — ambos elementos aceptan los mismos atributos y modelo de contenido.