Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos

2009-03-18 Por tema Miguel Gonzalez

¡Hola Ramón!

He estado siguiendo el hilo e, incluso, haciendo algunas pruebas. De
todas las soluciones aportadas ninguna me parece concluyente (o falla
que funcione en casi todos los navegadores; o hay que utilizar algo más
que CSS --léase javascript--; o hay que romper la coherencia estructural
y semántica; o hay que cargarse la accesibilidad...).

Quisiera proponer lo siguiente como posible solución:

blockquote cite=#titulonoticiaAquí va el antetítulo de la noticia,
más o menos largo/blockquote
h1 id=titulonoticiaTitular de la noticia que también será más o
menos largo/h1

...partiendo de la base que el antetítulo es una cita / abstract de la
noticia.

¡Saludos!

Miguel González



Ramón Corominas escribió:
 Hola, Ovillo.

 Me plantea un cliente un desafío semántico-cesesiano que a mí me 
 parece irresoluble, pero quién sabe si alguna sabia mente ovillera me 
 pueda iluminar...

 La idea de partida es bastante simple:

 h1Título principal de noticia/h1
 pAntetítulo (nota aclaratoria) de la noticia/p

 Los editores les dicen que el antetítulo, por ser ante, tiene que 
 verse *encima* del título de la noticia. Entiendo que alterar el orden 
 de los párrafos en el código sería cambiar de alguna manera la 
 estructura de contenidos (el párrafo realmente pertenece a la noticia, 
 aunque se vea delante del título). Sin entrar a valorar que ese cambio 
 en el orden visual no alteraría el orden de lectura para un lector de 
 pantalla, lo que se pretende es que (visualmente) aparezca esto:

 Antetítulo de la noticia
 TITULO PRINCIPAL DE LA NOTICIA

 ¿Se le ocurre a alguien una solución crossbrowser para lograr esto?

 Nota 1: no se conocen de antemano las longitudes ni del título ni del 
 antetítulo.
 Nota 2: no es factible reservar espacio para el antetítulo dando 
 margin-top al h1, ya que no se sabe de antemano la longitud del 
 antetítulo, además de que no puede solapar al aumentar el tamaño de letra.

 Saludos y gracias de antemano,
 Ramón.
   
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas vs tablas

2009-03-18 Por tema Asela Ortiz de Murua
Gracias a todos por vuestros comentarios, han servido para aclararme:

- Ignacio: Exactamente ese era el esquema con el que había empezado a
trabajar, antes de volverme un poco loca.
- Sebastian: Tu idea me parece excelente por lo que aporta, pero el cliente
no tiene, por ahora, esos datos. Se lo comentaré a ver que opina para un
futuro.
- Daniel: Ese era el motivo de mis dudas, porque sólo había un dato
tabulado, el precio.

Al final lo haré con listas.

Un saludo

Asela Ortiz de Murua
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas vs tablas

2009-03-18 Por tema mmundo
Hola,

2009/3/18 Asela Ortiz de Murua aomu...@gmail.com

 - Daniel: Ese era el motivo de mis dudas, porque sólo había un dato
 tabulado, el precio.


Pues yo creo que como mínimo tienes dos: columna vino / columna precio;
columna plato / columna precio, etc...

La tabla sirve para mostrar datos tabulados desde un punto de vista
sintáctico, pero desde el punto d vista del usuario, también sirve para
comparar elementos de forma ágil.

Entiendo que para muchos usuarios, el hecho de poder comparar fácilmente el
precio d una carta de platos/vinos puede ser un punto fuerte.


Saludos,
Martí.
--
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos

2009-03-18 Por tema Daniel Navarro
Hola Ramón.

Parece claro que el problema que planteas no se puede resolver sólo con css.
Algo que podrías plantearte es el dejar el antetítulo antes del título
(tanto visual como en el marcado) pero colocar un enlace al antetítulo justo
después del título. De esta forma, aunque el lector salte de título en
título, cuando decida leer una noticia en concreto siempre tendrá la
posibilidad de acceder al antetítulo.

Te he dejado un ejemplo en
http://webpelon.es/ovillo/2009-mes03-18-Acceso_al_antetitulo/

Saludos



El día 12 de marzo de 2009 0:47, Ramón Corominas lis...@ramoncorominas.com
escribió:
 Me debo explicar fatal, porque enseguida se desvía el hilo hacia cosas
 que no son el meollo del problema técnico, pero en fin, para que quede
 claro...

 Martin Etxauri escribió:
 personalemente he intentado antes algo así y... creo que es imposible ;)

 Eso creo yo, pero me gustaría asegurarme guiño

 pero en este caso hay algo que no entiendo:
 ¿si el ante título es ante, porque no ponerlo antes del el título
 también en el código?

 La razón es la semántica. El antetítulo, por muy ante que sea,
 pertenece al contenido principal, a la noticia en sí; es una
 *aclaración* de lo que la noticia expresa, y sólo debe aparecer antes
 visualmente porque se empeñan los editores, pero sigue siendo parte de
 la noticia. Visualmente no hay demasiado problema en identificar este
 antetítulo como una parte integrante de la noticia en sí (está cerca del
 título, separada de la interfaz, dentro del mismo espacio visual, etc.);
 pero para un usuario de lector de pantalla, que puede navegar yendo
 directamente a los encabezados, podría quedar fuera de la noticia. El
 usuario de JAWS, por ejemplo, iría al encabezado de sección de nivel 1,
 y a continuación NO se leería este antetítulo, sino el contenido
 principal. El antetítulo quedaría oculto a este usuario, salvo que
 navegue toda la página de forma lineal, cosa que se considera un
 problema grave de usabilidad.

 Victor Hugo Arias Valencia escribió:
 Si es un ante-titulo puede ser un H3, y el titulo de la noticia un H2, y
 pues me parece lógico lo que dice martin, si va antes, pues ponerlo antes
de
 una vez...

 El contenido de la página ES esa noticia, y lo correcto semánticamente
 es que su h1 sea el título de la noticia (que será único, sí). Además,
 los encabezados, por definición, DEBEN encabezar (describir) contenido,
 no se deben usar para crear efectos visuales o de otro tipo. No veo que
 tenga ningún sentido semántico colocar un h3 delante de un h2 sin
 ningún contenido intermedio. ¿Qué contenido describe el h3? Recuerdo
 la especificación de HTML donde se definen los encabezados [1]:

 A heading element briefly describes the topic of the section it
 introduces. Heading information may be used by user agents, for example,
 to construct a table of contents for a document automatically.

 Traducción: Un elemento de encabezado describe brevemente el tema de la
 sección a la que introduce. La información de los encabezados puede ser
 usada por los agentes de usuario, por ejemplo, para construir una tabla
 de contenidos del documento de forma automática.

 De todos modos, repito que lo de menos es que el orden de los
 encabezados deba ser uno u otro, el tema aquí es si se puede o no se
 puede alterar el orden visual de las dos filas que representan el h1 y
 el p.

 Hernán Beati - SaberWeb.com.ar escribió:
 El orden de los factores no altera el producto... los encabezados no
 son enumeraciones de una lista ordenada, son señales de lo que es más
 o menos importante dentro de un documento. Quizás el documento empiece
 con cosas no demasiado importantes.
 No contesto al tema de la otra estructura que propones porque ya he
 explicado que en este caso el h1 es el título principal del documento
 (no hay varias noticias en la misma página). Pero sí quiero reiterar que
 los encabezados no son sólo señales. Son elementos que introducen
 contenidos y que deben describir los contenidos que introducen. Colocar
 un h3 con un h2 detrás, sin contenido intermedio, es un uso
 inadecuado según la especificación. Y si suponemos que el h3
 encabeza al h2, se está alterando el orden de la jerarquía, lo que
 va en contra de las WCAG 1.0 y, sencillamente, de la pura lógica.

 En todo caso, también me gustaría que os pusierais en la piel de un
 usuario de un lector de pantalla como JAWS. Inicialmente puede pulsar la
 tecla 1 para ir al primer encabezado de nivel 1 de la página. Leerá el
 título de la noticia, y a continuación podrá pulsar Insert + flecha
 abajo para continuar leyendo el resto del contenido. ¿Por qué iba a
 intentar acceder a encabezados previos de niveles inferiores, si ya ha
 encontrado lo que estaba buscando (el contenido principal)? ¿Debería
 este usuario pulsar 2 para ir al siguiente encabezado de nivel 2? ¿Con
 qué se encontraría? Desde luego no se encontraría con nada que estuviera
 *antes* del h1, salvo que no hubiera más h2 en toda la página y
 tuviera que volver al