Ácido2

Acid2 es una página web que prueba la funcionalidad de los navegadores web para mostrar aspectos del marcado HTML , el estilo CSS 2.1, las imágenes PNG y las URI de datos . La página de prueba fue publicada el 13 de abril de 2005 por el Web Standards Project . Acid2 se mostrará correctamente en cualquier aplicación que cumpla con las especificaciones del World Wide Web Consortium y el Internet Engineering Task Force para estas tecnologías. Estas especificaciones se conocen como estándares web porque describen cómo se espera que funcionen las tecnologías utilizadas en la web.

Acid2 detecta fallos de renderizado en navegadores web y otras aplicaciones que procesan HTML . Su nombre proviene de la prueba del ácido para el oro y se desarrolló siguiendo la línea de Acid1 , una prueba relativamente específica para verificar el cumplimiento del estándar CSS1 ( Cascading Style Sheets 1.0) . Al igual que con Acid1, una aplicación supera la prueba si la forma en que muestra la página coincide con una imagen de referencia.

Acid2 fue diseñado pensando especialmente en Microsoft Internet Explorer . Los creadores de Acid2 estaban consternados porque Internet Explorer no seguía los estándares web. Era propenso a mostrar las páginas web de forma diferente a otros navegadores, lo que obligaba a los desarrolladores web a dedicar tiempo a ajustar sus páginas. Acid2 desafió a Microsoft a que Internet Explorer cumpliera con los estándares web. El 31 de octubre de 2005, Safari 2.0.2 se convirtió en el primer navegador en superar Acid2. Opera , Konqueror , Firefox y otros le siguieron. Con el lanzamiento de Internet Explorer 8 el 19 de marzo de 2009, las últimas versiones de todos los principales navegadores web de escritorio superan la prueba. Acid2 fue sucedido por Acid3 .

Acid2 fue propuesto inicialmente por Håkon Wium Lie , director técnico de Opera Software y creador del estándar web Cascading Style Sheets, ampliamente utilizado . ^{[ 1 ]} En un artículo del 16 de marzo de 2005 en CNET , Lie expresó su consternación por el hecho de que Microsoft Internet Explorer no soportara adecuadamente los estándares web y, por lo tanto, no fuera completamente interoperable con otros navegadores. Anunció que Acid2 supondría un reto para Microsoft , que debía diseñar Internet Explorer 7 , entonces en desarrollo, para lograr un mayor grado de cumplimiento de los estándares que las versiones anteriores de Internet Explorer. La prueba original Acid1 había obligado a los fabricantes de navegadores a corregir sus aplicaciones o enfrentarse a situaciones embarazosas; Lie esperaba que Acid2 hiciera lo mismo. ^{[ 2 ]}

Lie y un colega, Ian Hickson , crearon el primer borrador de la prueba en febrero de 2005. ^{[ 3 ]} Ian Hickson codificó la prueba final en colaboración con el Web Standards Project y la comunidad web en general. ^{[ 2 ] [ 4 ] [ 5 ] [ 6 ]} Fue lanzada oficialmente el 13 de abril de 2005 ^{[ 7 ]} y en ese momento, todos los navegadores web la fallaron estrepitosamente. ^{[ 8 ]}

El 23 de abril de 2005, Acid2 se actualizó para corregir un error que hacía que la boca apareciera demasiado cerca de la nariz. ^{[ 9 ] [ 10 ]} Tras varias quejas, la prueba se actualizó de nuevo en enero de 2006 para eliminar una prueba para comentarios de estilo SGML poco populares que nunca se implementaron ampliamente. En los navegadores que no implementan comentarios de estilo SGML, la prueba original mostraba la palabra "ERROR" en la parte inferior de la cara. ^{[ 3 ]}

En marzo de 2008, Ian Hickson lanzó Acid3 como continuación de Acid2. Mientras que Acid2 prueba principalmente CSS, Acid3 se centra más en JavaScript y otras tecnologías " Web 2.0 ". ^{[ 11 ]}

En julio de 2005, Chris Wilson , arquitecto de la plataforma de Internet Explorer, declaró que superar Acid2 no era una prioridad para Internet Explorer 7 , describiendo la prueba como una "lista de deseos" de características en lugar de una verdadera prueba de cumplimiento de estándares. ^{[ 12 ]} En diciembre de 2007, Microsoft anunció que todos los cambios necesarios para superar Acid2 estarían disponibles en Internet Explorer 8 , pero que los cambios no estarían activados por defecto, lo que significaba que IE8 en realidad no superaría la prueba. ^{[ 13 ] [ 14 ]} La preocupación era que cambiar a un nuevo comportamiento causaría demasiados problemas en las páginas web que esperaban el comportamiento antiguo e incompatible de Internet Explorer. Luego, en marzo de 2008, Microsoft lanzó la beta 1 de IE8 y activó los cambios por defecto. ^{[ 15 ]} James Pratt, gerente de producto de IE8, explicó que esta decisión se tomó para que "los desarrolladores puedan dedicar más tiempo a crear características y cosas interesantes, y menos tiempo a intentar ajustar sus sitios en diferentes navegadores". ^{[ 16 ]}

Otro problema de cumplimiento de estándares sin resolver provocó que IE8 beta 1 fallara si no todos los elementos de la prueba estaban alojados en el mismo servidor. ^{[ 17 ] [ 18 ] [ 19 ]} En agosto de 2008, Microsoft lanzó IE8 beta 2, que resolvió el problema. ^{[ 20 ]} Sin embargo, a partir de esa beta, el modo de estándares no está activado de forma predeterminada para las páginas cargadas en la " Zona de Intranet ". Esta zona está activa para las páginas cargadas a través de rutas UNC , direcciones con nombre sin puntos (como http://mysite/ ) y sitios que omiten la configuración del proxy . ^{[ 21 ]} Por lo tanto, IE8 no pasará la prueba Acid2 si se carga en estos casos. ^{[ 22 ]}

Acid2 prueba una variedad de estándares web publicados por el Consorcio World Wide Web y el Grupo de Trabajo de Ingeniería de Internet . Con la excepción de CSS 2.1, todos los estándares web probados fueron codificados antes del año 2000. ^{[ 23 ] [ 24 ] [ 25 ] [ 26 ]} CSS 2.1 era una recomendación candidata en el momento del lanzamiento de Acid2, ^{[ 27 ]} y seguía siendo una recomendación candidata al 23 de abril de 2009. ^{[ 28 ]}

Específicamente, Acid2 prueba estas funciones: ^{[ 29 ]}

• Transparencia alfa en imágenes en formato PNG : Los ojos de la carita sonriente utilizan transparencia alfa , que forma parte de la especificación Portable Network Graphics de 1996. La transparencia alfa integra las cejas en el rostro de forma fluida. Esto supuso un problema importante, ya que Internet Explorer 6 , el navegador web más utilizado en el momento del lanzamiento de Acid2, ^{[ 30 ]} no era compatible con la transparencia alfa. Esta deficiencia se corrigió en Internet Explorer 7 , equiparando así a Internet Explorer con otros navegadores web en este aspecto. ^{[ 31 ]}
• El elemento object : Los ojos también prueban la compatibilidad con el elemento object de HTML. El elemento object ha sido parte de HTML desde que se lanzó HTML 4 en 1998, ^{[ 32 ]} pero en 2005 todavía no era totalmente compatible con todos los navegadores web. Los creadores de Acid2 consideraron importante la compatibilidad con el elemento object porque permite la reserva de contenido: si un objeto no se carga, el navegador puede mostrar contenido alternativo (generalmente más simple y confiable) en su lugar.
• URI de datos : Las imágenes reales que forman los ojos se codifican como URI de datos, lo que permite incrustar multimedia en páginas web en lugar de almacenarla como un archivo separado. Acid2 prueba el caso más común, donde unaimagen binaria se codifica en base64 en texto y luego ese texto codificado se incluye en un URI de datos en la página web. Aunque el IETF publicó la especificación de URI de datos en 1998, ^{[ 25 ]} nunca la adoptó formalmente como estándar. ^{[ 33 ]} No obstante, la especificación HTML 4.01 hace referencia al esquema de URI de datos , ^{[ 17 ]} y la compatibilidad con URI de datos ya se ha implementado en la mayoría de los navegadores.
• Posicionamiento CSS absoluto, relativo y fijo: El posicionamiento absoluto significa que el desarrollador web especifica las coordenadas X e Y exactas donde se colocará un elemento en la página. El posicionamiento relativo significa que el desarrollador web especifica un desplazamiento X e Y con respecto a la posición habitual del elemento. El posicionamiento fijo significa que el elemento se coloca en relación con la ventana del navegador y se desplaza con la ventana en lugar de con el resto de la página. ^{[ 34 ] [ 35 ]}
• El modelo de caja CSS: Esta característica permite al diseñador web especificar dimensiones, relleno, bordes y márgenes, ^{[ 36 ]} y fue el foco de la prueba Acid1 original . ^{[ 29 ]} Acid2 no solo vuelve a probar la compatibilidad con márgenes, sino que también prueba las alturas y anchuras mínimas y máximas, características nuevas de CSS 2.0.
• Formato de tablas CSS: Esta parte de CSS permite al diseñador web aplicar formato a las tablas sin el marcado HTML tradicional .
• Contenido generado por CSS: Mediante el contenido generado por CSS, los desarrolladores web pueden añadir decoraciones y anotaciones a elementos específicos sin tener que añadir el contenido a cada uno de ellos individualmente.
• Análisis de CSS: Acid2 incluye varias declaraciones CSS no válidas para probar el manejo de errores. Se espera que los navegadores que cumplen con los estándares gestionen estos errores según lo especificado en CSS. Esto ayuda a garantizar la compatibilidad entre navegadores , ya que todos tratan CSS con el mismo nivel de rigor, de modo que lo que funciona en un navegador no debería causar errores en otro.
• Orden de renderizado: Acid2 requiere que el navegador tenga un orden de renderizado estándar. Es decir, los elementos superpuestos deben colocarse o renderizarse uno encima del otro en el orden correcto.
• Efectos de desplazamiento: Cuando el usuario mueve el ratón sobre la nariz de la carita sonriente, esta se vuelve azul. Esto se denomina efecto de desplazamiento y, aunque tradicionalmente se ha utilizado para hipervínculos , debería funcionar en una amplia variedad de elementos HTML. ^{[ 37 ]}

Dado que Acid2 no es una prueba exhaustiva, no garantiza la conformidad total con ningún estándar en particular. El Web Standards Project también ofrece una variante de la prueba Acid2 que no verifica la compatibilidad con URI de datos. ^{[ 29 ]}

Un resultado de aprobado o suspenso solo se considera válido si se utilizaron las configuraciones predeterminadas del navegador. Acciones como cambiar el tamaño de la fuente, el nivel de zoom y aplicar hojas de estilo de usuario pueden alterar la visualización de la prueba. Esto es normal y no afecta al cumplimiento del navegador. ^{[ 38 ]}

La configuración del navegador y las acciones del usuario invalidan la prueba, entre otras: ^{[ 38 ] [ 39 ]}

• Desplazamiento
• Cambiar el tamaño de la ventana del navegador
• Acercar o alejar la imagen
• Deshabilitar imágenes
• Utilizando los modos Ajustar al ancho o Renderizado de pantalla pequeña de Opera
• Aplicar fuentes, colores, estilos personalizados, etc.
• Modificar la página con scripts de usuario
• Habilitar la "vista de compatibilidad" de Internet Explorer

Si se renderiza correctamente, Acid2 aparecerá como una carita sonriente debajo del texto "¡ Hola Mundo! " en el navegador del usuario, y la nariz se volverá azul cuando el cursor del ratón se sitúe sobre ella. A finales de marzo de 2009, las versiones actuales de todos los principales navegadores web superaron la prueba. Sin embargo, en el momento de su lanzamiento, todos los navegadores la suspendieron. ^{[ 8 ]} Las imágenes a continuación ilustran los diversos errores de renderizado de los navegadores más populares cuando Acid2 se lanzó el 13 de abril de 2005.

• 
  Renderizado de referencia
• 
  Internet Explorer 6
• 
  Firefox 1.0
• 
  Safari 1.2
• 
  Opera 8.0

• Comparación de motores de búsqueda

• Prueba Acid2
• Información sobre la prueba Acid2
• Acid2 en los principales navegadores
• Colección de pruebas ácidas del Web Standards Project
• Comunicado de prensa del Proyecto de Estándares Web, 13 de abril de 2005
• Artículo de CNET que propone la prueba Acid2
• Cronología de Acid2