Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos
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 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 > >> 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 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 delante de un sin > ningún contenido intermedio. ¿Qué contenido describe el ? 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 y > el . > > 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 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 con un detrás, sin contenido intermedio, es un uso > inadecuado según la especificación. Y si suponemos que el > "encabeza" al , 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 , salvo que
Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos
¡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: Aquí va el antetítulo de la noticia, más o menos largo Titular de la noticia que también será más o menos largo ...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: > > Título principal de noticia > Antetítulo (nota aclaratoria) de la noticia > > 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] Intercambiar visualmente el orden de dos párrafos
Hola, Tei. Gracias por la información, pero ¿has probado a refrescar la página?. En mi sistema Windows Vista con Chrome e Iron portable se muestra correctamente. Saludos. El 17 de marzo de 2009 19:14, Tei escribió: > > 2009/3/17 Daniel Navarro : > ... > > Aquí tienes una solución javascript: > > http://webpelon.es/ovillo/2009-mes03-17-Intercambiar_visualmente_orden_elementos/ > > > > En chrome (motor WebKit) falla: el segundo parrafo esta media canada mas > abajo. > > -- > -- > ℱin del ℳensaje. > ___ > 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 ___ 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
Hola, Ramón. Puedes usar position: absolute para situar el segundo elemento encima del primero y javascript para calcular la altura de éste y así poder desplazar el primer elemento más abajo en esa misma cantidad. Lo podrías implementar con lenguaje del lado del servidor, pero tendrías el problema del zoom de sólo texto o el redimensionado de la ventana (en el caso de que las dimensiones de los contenedores de las noticias varíen). En ese caso, habría que hacer una nueva llamada al servidor para que se mostrara bien el diseño. Con Javascript tienes el mismo problema, pero basta con refrescar la página con F5. Aquí tienes una solución javascript: http://webpelon.es/ovillo/2009-mes03-17-Intercambiar_visualmente_orden_elementos/ Este es un ejemplo con dos divs con ids, pero en tu caso, con varios titulares, habría que modificar el código, aunque se puede hacer igualmente. Si te sigue interesando, dímelo y te lo preparo para tu código. Saludos. El 12 de marzo de 2009 0:47, Ramón Corominas 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 > > > 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 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 delante de un sin > ningún contenido intermedio. ¿Qué contenido describe el ? 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 y > el . > > 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 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 con un detrás, sin contenido intermedio, es un uso > inadecuado según la especificación. Y si suponemos que el > "encabeza" al , 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í
Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos
Ramón Corominas escribió:
> Es una buena idea, aunque me temo que no es posible, al menos por
> ahora... El problema es que el lector de pantalla funciona como una capa
> aparte del navegador, capturando las llamadas a la tarjeta de vídeo, así
> que tengo la impresión que sería como tratar de detectar la presencia de
> una determinada tarjeta de vídeo o de una memoria usb. No cambia la
> cadena User-Agent, y tampoco parece afectarle el uso de media="aural".
> No se me ocurre de qué otra manera se podría detectar, la verdad.
>
Acabo de descubrir que con ActionScript de Flash sí se puede detectar la
presencia de un lector de pantalla:
if (Accessibility.isActive()){
// hacer algo...
}
o al contrario, detectar su ausencia.
Pero resulta demasiado poco confiable la solución, ya que habría que
confiar en que el usuario tenga el plugin de Flash, más JavaScript
activado (ya que Flash puede ejecutar código JavaScript), para poder
insertarle los nodos (p, h1, etc.) dentro del DOM en el orden que
queremos que un lector de pantalla los lea... o que un "no-lector de
pantalla" los lea.
Quizás alguien que sepa más de JavaScript le pueda dar una vuelta al
tema (no es mi especialidad JavaScript!).
Pero es demasiado dependiente de tecnologías "accesorias" como los
plugines, no me gusta...
> Hernán Beati - SaberWeb.com.ar escribió:
>> Estoy pensando en otra posibilidad: ¿alguien sabe si existe alguna forma
>> "confiable" de detectar la presencia del lector de pantalla, ya sea
>> mediante parte de la petición HTTP, mediante User-Agent o con una hoja
>> de estilos aural, o con "X" técnica, para que cierto contenido sea
>> "omitido" con display:none SOLAMENTE en un lector de pantalla?
>>
--
Hernán Beati
http://www.saberweb.com.ar
___
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
Es una buena idea, aunque me temo que no es posible, al menos por ahora... El problema es que el lector de pantalla funciona como una capa aparte del navegador, capturando las llamadas a la tarjeta de vídeo, así que tengo la impresión que sería como tratar de detectar la presencia de una determinada tarjeta de vídeo o de una memoria usb. No cambia la cadena User-Agent, y tampoco parece afectarle el uso de media="aural". No se me ocurre de qué otra manera se podría detectar, la verdad. Hernán Beati - SaberWeb.com.ar escribió: > Estoy pensando en otra posibilidad: ¿alguien sabe si existe alguna forma > "confiable" de detectar la presencia del lector de pantalla, ya sea > mediante parte de la petición HTTP, mediante User-Agent o con una hoja > de estilos aural, o con "X" técnica, para que cierto contenido sea > "omitido" con display:none SOLAMENTE en un lector de pantalla? > ___ 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
Estoy pensando en otra posibilidad: ¿alguien sabe si existe alguna forma "confiable" de detectar la presencia del lector de pantalla, ya sea mediante parte de la petición HTTP, mediante User-Agent o con una hoja de estilos aural, o con "X" técnica, para que cierto contenido sea "omitido" con display:none SOLAMENTE en un lector de pantalla? Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ 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
eh... juraría que había leído en algún mail que si el título era H2 el ante sería H3... de todos modos no había entendido bien el problema de si el usuario se movía de H en H... pero ahora si lo pillo. ups. sorry El 12/03/2009, a las 11:06, Ramón Corominas escribió: > Sí, claro, es que el marcado para el antetítulo es un desde el > principio... > > Martin Etxauri escribió: >> ¿igual un H no es el marcado apropiado para ese antetítulo, no? >> > ___ > 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 > ___ 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
Es más, debería adaptarse ya que los hábitos son distintos en papel que en el medio online. No se lee igual ahora en web que como se leía en los periódicos de hace 50 años, y eso lo sabemos todos. -- Alex Lillo www.nordic-design.net 2009/3/12 Ramón Corominas > ¿Resquemor? No, hombre, para nada... Más bien es frustración por no > lograr resolverlo de una manera adecuada. > > De todos modos, aunque está claro que las noticias existían antes, el > tema es cuadrar el concepto tradicional con las posibilidades técnicas > del medio donde vas a publicar. Cuando hablo del "empeño de los > editores" me refiero a que se empeñan en adaptar el medio a la noticia, > y no admiten la posibilidad de adaptar la noticia al medio, que desde mi > punto de vista es más razonable. No sé por qué se puede adaptar la > publicidad, las interfaces, los formatos de fuente, colores, etc., y no > se puede alterar el formato del ente "noticia"... Aparte de que el > concepto de "antetítulo" a mí se me escapa un poco, la verdad > > Saludín, > Ramón. > > Tei escribió: > > En este caso _una noticia_ es un ente que tiene un formato que ya > > existia antes de inventarse la web. Un formato "estandarizado" > > digamos, igual que las citas de libros por ejemplo. > > ___ > 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 > ___ 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
Sí, claro, es que el marcado para el antetítulo es un desde el principio... Martin Etxauri escribió: > ¿igual un H no es el marcado apropiado para ese antetítulo, no? > ___ 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
Aupa una cosa: viendo todo este jaleo y que por un lado es mas que lógico que usuarios, con o sin lector, con o sin css, lo lean primero, pero está también claro que los H deben ir en su orden. ¿igual un H no es el marcado apropiado para ese antetítulo, no? porque de lo contrario esto es absurdo. saludos ___ 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
Lástima, al probarlo con el lector de pantalla, el buffer virtual se actualiza también con el onload, por lo que también lo lee en el orden invertido, así que al final es casi como cambiar el orden directamente en el código, que era lo que se quería evitar. Seguiremos investigando... Saludín, 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] Intercambiar visualmente el orden de dos párrafos
¡Aaah, claro! Se lo plantearé al cliente a ver si le vale, ¡muchas gracias! Un saludín, Ramón. Carlos Rincón escribió: > No hay que calcular nada, tan sólo cambiar el DOM. > > ___ 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
Hola,
El jue, 12-03-2009 a las 09:28 +0100, Ramón Corominas escribió:
> Carlos Rincón escribió:
> > Tal cómo ya te han dicho la manera más fácil, rápida y limpia es usar
> > javascript. Con Jquery es muy sencillo y los que no tengan javascript
> > también lo verán tan sólo que en el orden original.
> >
> Si no hay otra manera podría plantearse una solución con JavaScript,
> pero me temo que tampoco eso lo solucionaría. Imagino que la idea es
> calcular, en la carga de la página, las dimensiones de los contenedores
> y abrir el hueco apropiado para el antetítulo con un margin o algo así, ¿no?
>
> La cuestión es que eso sólo solucionaría el posicionamiento inicial,
> pero si el usuario amplía el tamaño de letra una vez cargada la página,
> me temo que se solapará todo.
No hay que calcular nada, tan sólo cambiar el DOM.
con esto ya funciona:
$(document).ready(function(){
$('h1').before($('p.antetitulo'));
});
Título principal de noticia
Antetítulo (nota aclaratoria) de la noticia
>
> Gracias de todos modos, habrá que investigar más por ahí.
>
> Saludos,
> 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
--
Carlos Rincón
http://carlos.rinconsanchez.com
www.neuroticweb.com
www.neuroticweb.com/blog
___
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
Carlos Rincón escribió: > Tal cómo ya te han dicho la manera más fácil, rápida y limpia es usar > javascript. Con Jquery es muy sencillo y los que no tengan javascript > también lo verán tan sólo que en el orden original. > Si no hay otra manera podría plantearse una solución con JavaScript, pero me temo que tampoco eso lo solucionaría. Imagino que la idea es calcular, en la carga de la página, las dimensiones de los contenedores y abrir el hueco apropiado para el antetítulo con un margin o algo así, ¿no? La cuestión es que eso sólo solucionaría el posicionamiento inicial, pero si el usuario amplía el tamaño de letra una vez cargada la página, me temo que se solapará todo. Gracias de todos modos, habrá que investigar más por ahí. Saludos, 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] Intercambiar visualmente el orden de dos párrafos
Hola, > 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... Tal cómo ya te han dicho la manera más fácil, rápida y limpia es usar javascript. Con Jquery es muy sencillo y los que no tengan javascript también lo verán tan sólo que en el orden original. -- Carlos Rincón http://carlos.rinconsanchez.com www.neuroticweb.com www.neuroticweb.com/blog ___ 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
On Mar 12, 2009, at 00:47 , Ramón Corominas wrote: > > "Dados dos elementos HTML (, por ejemplo) A y B, contiguos en el > código en el orden A->B, cuyos contenidos y dimensiones no son > determinables a priori, y que deben presentarse visualmente como > filas, > una debajo de la otra, ¿existe alguna solución multinavegador, usando > exclusivamente CSS (y cualquier marcado no-semántico adicional que > pudiera requerirse), para alterar visusalmente el orden de las filas > sin > alterar el orden en el código? > > Por ejemplo, dados: > > Esto es un texto de longitud no conocida. > La longitud de este texto tampoco se conoce. > > Se debe presentar: > > La longitud de este texto tampoco se conoce. > Esto es un texto de longitud no conocida." > > Espero que ahora haya quedado todo más claro Asumiendo que multinavegador incluye a IE6 y 7, no no la hay. Salud. -- Choan ___ 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
El AAA es prácticamente irreal desde mi punto de vista.Creo que con AA es suficiente. 2009/3/11 "Hernán Beati - SaberWeb.com.ar" > Pablo Suárez León escribió: > > > > Eso según las WCAG 2.0... > > Pero... las WCAG 1.0, que por cierto, según la legislación vigente en > > España, son con las que hay que validar los contenidos, sí que lo citan. > > > > http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers > > > > Es lo mismo que decía yo en mi último mensaje: eso corresponde a quienes > deseen alcanzar Nivel AA y AAA. Ya que es un punto de prioridad 2 (así > lo dice en la URL que citas). > > Por lo tanto, un sitio que solo aspire a Nivel A de accesibilidad, que > debe cumplir solo con los puntos de Prioridad 1, puede tener cualquier > orden en los encabezados y sin embargo alcanzar el Nivel A. > > P.D.: como no estoy en España, no sabía que se guiaban por las WCAG 1, > pero es lo mismo... > > Saludos! > > -- > Hernán Beati > http://www.saberweb.com.ar > > ___ > 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 > -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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
Pablo Suárez León escribió: > > Eso según las WCAG 2.0... > Pero... las WCAG 1.0, que por cierto, según la legislación vigente en > España, son con las que hay que validar los contenidos, sí que lo citan. > > http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers > Es lo mismo que decía yo en mi último mensaje: eso corresponde a quienes deseen alcanzar Nivel AA y AAA. Ya que es un punto de prioridad 2 (así lo dice en la URL que citas). Por lo tanto, un sitio que solo aspire a Nivel A de accesibilidad, que debe cumplir solo con los puntos de Prioridad 1, puede tener cualquier orden en los encabezados y sin embargo alcanzar el Nivel A. P.D.: como no estoy en España, no sabía que se guiaban por las WCAG 1, pero es lo mismo... Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ 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
Hernán Beati - SaberWeb.com.ar escribió: > ¿Alguien sabe fehacientemente DONDE se recomienda que DEBAN ir en orden? > ¿Y qué fuente lo recomienda? Si es el W3C en las recomendaciones HTML, > XHTML, o si son las WCAG, o si son criterios de usabilidad, o de > accesibilidad no oficiales... > > Si fuera un requisito de accesibilidad de las WCAG, sería contradictorio > con la referencia y el ejemplo que aporté, copiada de las mismas WCAG > 2.0 del W3C: > Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html > > Quiero comprobar si son "rumores", o es "ley", digamos... > > El "orden" no define la "importancia" de un texto. Son criterios distintos. Eso según las WCAG 2.0... Pero... las WCAG 1.0, que por cierto, según la legislación vigente en España, son con las que hay que validar los contenidos, sí que lo citan. Since some users skim through a document by navigating its headings, it is important to use them appropriately to convey document structure. Users should order heading elements properly. For example, in HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not "skip" levels (e.g., H1 directly to H3). Do not use headings to create font effects; use style sheets to change font styles for example. http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers ___ 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
Gracias por el aporte. Me lo apunto. Un saludo El 11 de marzo de 2009 22:36, "Hernán Beati - SaberWeb.com.ar" < her...@saberweb.com.ar> escribió: > Ignacio Ricci escribió: > > No es un guideline. Pero es un best practice. > > Pues resulta que busqué un poco, y parece que sí que son "Guidelines", y > que ambas técnicas que venimos debatiendo están contempladas, y con > cada una de ellas se puede alcanzar distintos niveles de Accesibilidad. > > 1. H42: Usar h1-h6 (sin importar el "orden") es una técnica suficiente > para el Criterio de Conformidad 1.3.1, que es NIVEL A: > http://www.w3.org/TR/WCAG20-TECHS/H42.html > > 2. G141: Usar niveles "correlativos", es una técnica para alcanzar el > Criterio de Conformidad 2.4.10, que es de Nivel AAA: > http://www.w3.org/TR/WCAG20-TECHS/G141.html > > Por lo tanto, de acuerdo a las WCAG 2.0 es más fundamental marcar los > encabezados como encabezados (sin importar el orden), que tener una > jerarquía correlativa. > > Así que dependerá del Nivel de Accesibilidad que te propongas alcanzar. > > No hay ningún problema de accesibilidad en un sitio de Nivel A que tenga > marcado el texto previo a un título con un h3 y luego el título con un > h2, ya que un usuario de JAWS irá saltando igual de encabezado en > encabezado perfectamente. > > Pero si te piden un sitio AAA, allí sí deberás seguir el orden de los > encabezados (cosa que por suerte con XHTML 2 se acabará, con "sections" > y "h", sin números!). > > Saludos! > > -- > Hernán Beati > http://www.saberweb.com.ar > ___ > 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 > -- Sergio Iglesias Sánchez ser.igles...@gmail.com www.sergioiglesias.net ___ 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
Bueno, entonces si es un best practice, pues podria modificarse un poquito, no ? 2009/3/11 Ignacio Ricci : > No es un guideline. Pero es un best practice. > 2009/3/11 "Hernán Beati - SaberWeb.com.ar" > >> Sergio.Iglesias escribió: >> > y en cuestión de accesibilidad? yo también creía que tenían que ir en >> orden. >> > >> > El 11 de marzo de 2009 20:26, Ignacio Ricci > >escribió: >> > >> >> En realidad se recomienda poner los encabezados en orden h1, h2 ,h3, h4, >> h5 >> >> en el código de nuestra página, pero bueno, no me parece un aspecto tan >> >> vital. >> >> >> >> ¿Alguien sabe fehacientemente DONDE se recomienda que DEBAN ir en orden? >> ¿Y qué fuente lo recomienda? Si es el W3C en las recomendaciones HTML, >> XHTML, o si son las WCAG, o si son criterios de usabilidad, o de >> accesibilidad no oficiales... >> >> Si fuera un requisito de accesibilidad de las WCAG, sería contradictorio >> con la referencia y el ejemplo que aporté, copiada de las mismas WCAG >> 2.0 del W3C: >> Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html >> >> Quiero comprobar si son "rumores", o es "ley", digamos... >> >> El "orden" no define la "importancia" de un texto. Son criterios distintos. >> >> Saludos! >> >> -- >> Hernán Beati >> http://www.saberweb.com.ar >> ___ >> 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 >> > > > > -- > ↓ Ignacio Ricci > www.ignacioricci.com > ___ > 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 -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ 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
No es un guideline. Pero es un best practice. 2009/3/11 "Hernán Beati - SaberWeb.com.ar" > Sergio.Iglesias escribió: > > y en cuestión de accesibilidad? yo también creía que tenían que ir en > orden. > > > > El 11 de marzo de 2009 20:26, Ignacio Ricci >escribió: > > > >> En realidad se recomienda poner los encabezados en orden h1, h2 ,h3, h4, > h5 > >> en el código de nuestra página, pero bueno, no me parece un aspecto tan > >> vital. > >> > > ¿Alguien sabe fehacientemente DONDE se recomienda que DEBAN ir en orden? > ¿Y qué fuente lo recomienda? Si es el W3C en las recomendaciones HTML, > XHTML, o si son las WCAG, o si son criterios de usabilidad, o de > accesibilidad no oficiales... > > Si fuera un requisito de accesibilidad de las WCAG, sería contradictorio > con la referencia y el ejemplo que aporté, copiada de las mismas WCAG > 2.0 del W3C: > Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html > > Quiero comprobar si son "rumores", o es "ley", digamos... > > El "orden" no define la "importancia" de un texto. Son criterios distintos. > > Saludos! > > -- > Hernán Beati > http://www.saberweb.com.ar > ___ > 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 > -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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
y en cuestión de accesibilidad? yo también creía que tenían que ir en orden. El 11 de marzo de 2009 20:26, Ignacio Ricci escribió: > En realidad se recomienda poner los encabezados en orden h1, h2 ,h3, h4, h5 > en el código de nuestra página, pero bueno, no me parece un aspecto tan > vital. > > 2009/3/11 "Hernán Beati - SaberWeb.com.ar" > > > 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... > > > > Yo también comparto el razonamiento de Víctor y de Martín: > > > > Ante título 1 > > Noticia 1 > > Cuerpo de la noticia > > > > Y agregaría que, si fuera necesario marcar un bloque que envuelva a cada > > "noticia" entera, para eso están las "divisiones" (DIV): > > > > > > Ante título 1 > > Noticia 1 > > Cuerpo de la noticia 1 > > Pie de la noticia 1 > > > > > > > > Ante título 2 > > Noticia 2 > > Cuerpo de la noticia 2 > > Pie de la noticia 2 > > > > > > > > Este punto ya fue debatido en la lista por nosotros mismos, hace 3 > > meses, hablando de que es totalmente válido cambiar el orden de los > > encabezados, mientras no los omitamos. > > > > Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html > > > > 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". > > > > Saludos! > > > > -- > > Hernán Beati > > http://www.saberweb.com.ar > > ___ > > 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 > > > > > > -- > ↓ Ignacio Ricci > www.ignacioricci.com > ___ > 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 > -- Sergio Iglesias Sánchez ser.igles...@gmail.com www.sergioiglesias.net ___ 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
En realidad se recomienda poner los encabezados en orden h1, h2 ,h3, h4, h5 en el código de nuestra página, pero bueno, no me parece un aspecto tan vital. 2009/3/11 "Hernán Beati - SaberWeb.com.ar" > 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... > > Yo también comparto el razonamiento de Víctor y de Martín: > > Ante título 1 > Noticia 1 > Cuerpo de la noticia > > Y agregaría que, si fuera necesario marcar un bloque que envuelva a cada > "noticia" entera, para eso están las "divisiones" (DIV): > > > Ante título 1 > Noticia 1 > Cuerpo de la noticia 1 > Pie de la noticia 1 > > > > Ante título 2 > Noticia 2 > Cuerpo de la noticia 2 > Pie de la noticia 2 > > > > Este punto ya fue debatido en la lista por nosotros mismos, hace 3 > meses, hablando de que es totalmente válido cambiar el orden de los > encabezados, mientras no los omitamos. > > Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html > > 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". > > Saludos! > > -- > Hernán Beati > http://www.saberweb.com.ar > ___ > 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 > -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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
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... Yo también comparto el razonamiento de Víctor y de Martín: Ante título 1 Noticia 1 Cuerpo de la noticia Y agregaría que, si fuera necesario marcar un bloque que envuelva a cada "noticia" entera, para eso están las "divisiones" (DIV): Ante título 1 Noticia 1 Cuerpo de la noticia 1 Pie de la noticia 1 Ante título 2 Noticia 2 Cuerpo de la noticia 2 Pie de la noticia 2 Este punto ya fue debatido en la lista por nosotros mismos, hace 3 meses, hablando de que es totalmente válido cambiar el orden de los encabezados, mientras no los omitamos. Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html 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". Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ 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
Tengo entendido que el H1 se debe usar como el título de la página y debe ser único... Para el resto tenemos el rango desde H2 hasta H6. 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... Salu2! -- Docente tutor - Soporte Conocimiento Virtual Academia www.ConocimientoVirtual.edu.co www.ConocimientoVirtual.edu.co/foro ___ 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
personalemente he intentado antes algo así y... creo que es imposible ;) 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? ¿cual es la razón para querer mantenerlo después? El 11/03/2009, a las 17:53, 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: > > Título principal de noticia > Antetítulo (nota aclaratoria) de la noticia > > 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 > ___ 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
La única manera es usando position relative. Pero si no podes calcular el tamaño, lo unico que te queda es usar Javascript para invertir el orden al cargar el sitio.En el codigo seguirá apareciendo segundo :) 2009/3/11 Ramón Corominas > 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: > > Título principal de noticia > Antetítulo (nota aclaratoria) de la noticia > > 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 > -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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
