Imágenes con Elementos Estructurales

[Irreo]

Buenas,

Estoy pasando la tercera y última revisión de una página antes de que nos deniegen una subvención, y aunque creo que ya está todo bien, hay una cosa que no me queda del todo clara.

La persona que ha revisado el proyecto dice así:

"(...) las imágenes están sin estructurar con los elementos adecuados (...)".

El código fuente en concreto ERA este:

Código HTML:

<div class="span-22 prepend-1 append-1 last">
	<div class="span-10">
		<img src="images/tienda_tolosa.jpg" alt="Vista del escaparate (Tolosa, Rondilla 11)" width="388" height="290" class="imgloc" longdesc="longdesc_rondilla11.php"/>
	</div>
	<div class="span-12 last">
		<div id="map3" class="imgloc">
			<img src="images/mapa3_alt.gif" alt="Mapa situación tienda Rondilla 11" longdesc="longdesc_maparondilla11.php" />
		</div>
	</div>
</div> 

Y ahora mismo lo he dejado así:

Código HTML:

<div class="span-22 prepend-1 append-1 last">
	<p>
		<div class="span-10">
			<img src="images/tienda_tolosa.jpg" alt="Vista del escaparate (Tolosa, Rondilla 11)" width="388" height="290" class="imgloc" longdesc="longdesc_rondilla11.php"/>
		</div>
		<div class="span-12 last">
			<div id="map3" class="imgloc">
				<img src="images/mapa3_alt.gif" alt="Mapa situación tienda Rondilla 11" longdesc="longdesc_maparondilla11.php" />
			</div>
		</div>
	</p>
</div> 

Es decir, he metido tanto la imagen principal como el mapa de Google (que se sitúa al lado) dentro de un párrafo.

Mi duda es si esto es correcto o no. No sé si con esto se considera que las imágenes ya están dentro de elementos estructurales o no...

Gracias de antemano,
Un saludo.

[PatomaS]

Hola

No tiene sentido meter un div dentro de una p. Su orden sería justo al revés a menos que hubiera una buena razón para hacerlo así.

Lo mejor que puedes hacer, es preguntar a la persona que les está haciendo esa revisión a qué se refiere con el comentario y que les diga como arreglarlo.

Claro que nos falta el resto del contexto en el que están dichas imágenes y a lo mejor podría ir sin div dentro de la p directamente, o en un span dentro del div o la p ...

Con la información que provees, cualquier comentario es subjetivo a la interpretación del lector y no creo que podamos ofrecerte una ayuda adecuada, es mejor que pongas la dirección y veamos la página o que pidas que te aclaren el comentario.

Felicidad

[Irreo]

Hola,

Gracias por la respuesta. Creo que no puedo preguntar. Ellos simplemente revisan y se supone que nosotros debemos saber cómo hacerlo.

De todas formas he probado a poner el <p> dentro del <div>. Ciertamente tiene más sentido, no sé por qué lo hice así antes... creo que era por meter las 2 imágenes en el mismo párrafo ya que cada una tiene su <div>, pero al final las meti en dos párrafos diferentes.

Pondría la página web pero no puedo por no tener 30 días de antigüedad ni 30 mensajes, pero si buscas "beatriz cortinas" en Google debería aparecerte en el primer resultado (al menos en España). La hoja en cuestión se llama "Tiendas".

Estoy trabajando en ella ahora mismo.

Gracias,
Un saludo

[PatomaS]

Hola

Bueno, no se porque no puedes preguntar, si eres el programador de la página, ciertamente deberías saber que hacer, pero aun así, si alguien hace una corrección o un comentario, no es poco profesional ni nada por el estilo pedir que aclaren algo que no está suficiéntemente bien explicado.

Si no eres el programador, con mayor razón deberían detallar la respuesta.

Finalmente, por parte de quien haya hecho el comentario, debería expresarse en términos que cualquier entendiera, especialmente, los qu eleerán su informe u opinión.

Sobre la página en cuestión, no la veo mal, pero no veo el sentido del cdata en la página, primero genera errores, segundo no es buena práctica y tercero, el js debería estar en un archivo externo.

Por otro lado, ahora que la miro con un poco más de atención, hay unos cuantos errores de usabilidad y semántica. Si le estás pagando a alguien por un informe y no te han hecho las correcciones que veo, debo decir que no saben mucho de tema y/o les falta experiencia. Si no les estás pagando, al menos es gratis.

Por cierto, cuando iniciaste el hilo, dijiste "denieguen", supongo que quieres ecir "aprueben", lo digo por la redacción de la idea, parece que todo va bien y está casi listo, pero usas denegar, lo que sería malo. Disculpa mi curiosidad.

En cualquier caso, la página se ve bastante bien, suerte con ese trabajo y subvención.

Felicidad

[Irreo]

Los que revisan son una empresa del Gobierno Vasco que otorga subvenciones a proyectos que cumplen ciertos requisitos, en este caso, entre ellos, pasar normativa WAI nivel 2. Créeme son bastante estrictos a la hora de sacar fallos que estén descritos en los puntos de la normativa.

Y el tema de denegar iba más bien porque me refería que era la última oportunidad antes de denegarlo, ni más ni menos. Se hace una primera revisión al dar por finalizado el proyecto, y luego hay otras 2 oportunidades más. Esta es una tercera y última oportunidad que nos dieron a modo de gracia, por lo que si no lo supera, queda denegada.

El párrafo escrito en cuestión (antes lo resumí para no complicarlo) dice así:

"En la seccion tiendas, tanto las imágenes como los enlaces a la visita virtual están sin estructurar con los elementos adecuados".



Y ahora digo MIERDA (con perdón y por no decir otra cosa), porque acabo de ver junto a ese párrafo una captura de pantalla con unas flechas señalando a las fotos y el mapa que dice: "listas sin marcar como tal".

Es decir, por lo que entiendo, ¿sugiere que la imagen y el mapa sean una lista?

En los botones a la vista virtual (en el apartado Tiendas) ya los puse como listas, tal como se aprecia, aunque eso lo hice por decisión propia, pero ahora veo que las imágenes también dicen que debe ser una lista... ¿tiene realmente sentido?

De todas formas, supongo que deberé hacerlo, y más si dice claramente "listas sin marcar como tal"...

Gracias de nuevo.

[Irreo]

ACTUALIZO:

Lo he modificado para que la imagen y el mapa vayan dentro de un <ul>, a modo de lista, aunque sinceramente no entiendo muy bien por qué.

También he hecho un pequeño cambio, aunque no nos habían dicho nada sobre eso. Y es que la foto y el mapa, que hacen referencia a una tienda, estaban encima del <h2> de cada tienda, por lo que estructuralmente no lo veía bien. Ahora he puesto el H2 encima de las fotos, de forma que sale primero la cabecera de la tienda, y luego todos los datos correspondiente a ella.

Ya me diréis qué opináis del tema este de las listas.

Gracias.

[PatomaS]

Hola

Sobre los vínculos en listas, si es común hacerlo así y ciertamente la recomendación lo dice, No siempre tiene sentido, pero es ya una práctica común.

Sobre las imágenes en una lista, en mi opinión es una estupidez, pero sieguiendo el mismo argumento de que "varios elementod del mismo tipo son una lista de elementos", si, deben estar en una lista. Pero nuevamente lo digo, es una tontería típica de quien simplemente sigue unas reglas en papel sin entender mucho el sentido que tienen. Una cosilla, aunque pongas las imágenes en listas, el diseño de antes estaba mejor, una al lado de la otra.

Sobre los títulos (h1, h2, etc), si, deben estar en sus posisiones correctas, y esta es, evidéntemente, antes del contenido a que se refieren, así que lo tienes bien ahora.

Muy bien que hayas puesto los longdesc en las imágenes. No los he mirado, pero supongo que son lo que deben ser.

Muy bien que haya scripts al final, de hecho, si pudieras ponerlos todos al final, mejor aun.

Ya de paso te comento, sin ser exahustivo en ello, hay cosas que tienes en la página que son sonsiderados errores según diferentes recomendaciones, no se si lo quieras modificar.

Por ejemplo:
Los metas, deben describir la página que está en pantalla, no el sitio en general n iestar llenos de oalabras sin sentido, que es lo que tienen, especiálmente en los keywords.

Los dublin core, están aun peor, especiálmente porque si los incluyen, que no es obligatorio, mejor hacerlo bien; por ejemplo, el autor no es "the movie", será, en todo caso alguien de la empresa, el título no es "beatriz cortinas", es "tiendas de beatriz cortinas" o algo por el estilo, la descripción y las keywords sobran al igual que el idioma.

El meta VW96 no es estándar.

Los eventos en el body no se cómo los han ejado pasar; los de la subvención me refiero, supongo que la página funciona sin ellos, pero deberían haberse aplicadod e otra forma. Esto seguramente te lleve mucho tiempo cambiarlo, así que si no te han dicho nada, no lo toques.

Debería haber un noscript en el que se comente al usuario que la página puede ser visualizada usando js y que eso mejora o modifica algo, pero que no es necesario. Obviamente, si ponen esto, maquétalo en la zona inferior para que la información esté disponible, pero no sea disrruptiva.

Del resto, la verdad es que se ve suficiéntemente bien para pasar una revisión.

Suerte nuevamente.

Felicidad

[Irreo]

Gracias por la respuesta.

La verdad es que ahora mismo no voy a tocar nada más para no liarla. No sería la primera vez que arreglo algo y me sacan otro fallo.

De todas formas no sé por qué dices que no están a la misma altura las dos imágenes. Cuando lo estaba desarrollando sí que salía cada una en una línea, pero ahora con los estilos aplicados las veo ambas en la misma fila, igual que antes (FF 3.5 e IE8). ¿Igual tienes cacheada la hoja CSS?

Respecto a lo que comentas de metas, etc., gracias, lo tendré en cuenta para el siguiente proyecto. Y eso de "author" mejor se lo comentas a mi jefe, a ver qué opina

En definitiva, que en esta última oportunidad sólo quedaban por rematar esto de las imágenes y links, y otro punto en otro apartado que también lo he dado por corregido.

El día 20 es el "gran día", a ver qué sale... Y yo que pensaba que hacía años me había librado de esa sensación de cuando eres adolescente en vísperas de exámenes...

Tenía que haberme metido a panadero...