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
Ignacio Ricci escribió: > El AAA es prácticamente irreal desde mi punto de vista.Creo que con AA es > suficiente. > Me pregunto por qué el W3C dedica tantos esfuerzos para desarrollar algo que es prácticamente irreal... Fuera bromas, estoy de acuerdo en que el nivel AA permite un grado de accesibilidad bastante alto y elimina la mayor parte de las barreras, pero los puntos de nivel AAA están ahí sobre todo para facilitar más aún el uso de las páginas. Los usuarios que realmente tienen problemas pueden beneficiarse muchísimo de algunos puntos de nivel AAA. Un 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
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 no hubiera más en toda la página y tuviera que volver al principio... Incluso suponiendo que el que está antes del es lo "siguiente" que se encuentra, el lector dirá: "saltando al principio", y leerá el encabezado, lo que aumentará su confusión. ¿Por qué está ese encabezado al principio? ¿A dónde pertenece? ¿Es independiente? Por eso es por lo que es importante mantener la coherencia de la jerarquía. > ¿Alguien sabe fehacientemente DONDE se recomienda que DEBAN ir en orden? > ¿Y qué fuente lo recomienda? > En WCAG 1.0, aparte de en el propio punto 3.5 [2], donde se hace una referencia explícita al orden (aunque sea como un ejemplo):
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
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
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
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
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
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 > ... > Antetítulo de la noticia > TITULO PRINCIPAL DE LA NOTICIA > > ¿Se le ocurre a alguien una solución crossbrowser para lograr esto? > probablemente con una pelea de gigantes entre float:left y float:righ. oh.. has dicho "solucion" y "crossbrowser". Perdona, no habia leido eso. -- -- ℱ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
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
[Ovillo] Intercambiar visualmente el orden de dos párrafos
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] Advertencia del Validador CSS ante declar aciones múltiples
> O también definiendo la primera declaración como "width: auto", pero > no sé yo si el "auto" hará saltar también ese advertencia. Aupa No creo que haya necesidad de buscarle la vuelta a nada. El widht está bien colocado en diferente declaración pero el validador te advierte por si acaso. Los validadores son maquinas, y hay cosas que una maquina no puede evaluar, solo advertir. Por eso mismo hay errores y advertencias, los errores son errores, las advertencias son "por si acaso". El validador te dice "mira a ver si esto está bien" y tu le dices, "si, está" y se acabo la historia. Es como con los validadores de accesibilidad, hay cosas que no pueden saber y solo advierten para que una mente pensante las mire y las valore. 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] Advertencia del Validador CSS ante declaracion es múltiples
El día 11 de marzo de 2009 15:06, Ramón Corominas escribió: > Como dice Choan, el validador lo que no sabe es combinar reglas, y en la > primera regla se encuentra elementos con "float" declarado en una regla > que no declara el width. Si cambias el float y lo pones en las reglas > donde sí se declara el width, desaparecen las advertencias: > > #menu, #contenido1 { > display:inline; > } > > #menu { > float:left; > width:13em; > } > > #contenido1 { > float:left; > width:41em; > } > > Saludos, > Ramón. > > > Hernán Beati - SaberWeb.com.ar escribió: >> Sí, eso también. Seguramente se complicaba demasiado la programación si >> debían verificar todas las declaraciones complementarias de un mismo >> selector antes de dar el mensaje. > > ___ > 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 > O también definiendo la primera declaración como "width: auto", pero no sé yo si el "auto" hará saltar también ese advertencia. -- Philipp Keweloh "Being powerful is like being a lady. If you have to tell people, you aren't." - M. Thatcher ___ 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] Menu resaltado
Bien Ramon, me doy por enterada, en este momento, prometo rectificar proximamante :) Alejandra ___ 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] Advertencia del Validador CSS ante declar aciones múltiples
Como dice Choan, el validador lo que no sabe es combinar reglas, y en la primera regla se encuentra elementos con "float" declarado en una regla que no declara el width. Si cambias el float y lo pones en las reglas donde sí se declara el width, desaparecen las advertencias: #menu, #contenido1 { display:inline; } #menu { float:left; width:13em; } #contenido1 { float:left; width:41em; } Saludos, Ramón. Hernán Beati - SaberWeb.com.ar escribió: > Sí, eso también. Seguramente se complicaba demasiado la programación si > debían verificar todas las declaraciones complementarias de un mismo > selector antes de dar el mensaje. ___ 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] Advertencia del Validador CSS ante declar aciones múltiples
Choan Gálvez escribió: > > Según CSS 2 los elementos flotados deben tener una anchura intrínseco > o asignada. El validador hace bien en advertirte. (Según CSS 2.1 no es > necesario y es lo que aplican los navegadores de hoy en día) > Si es cierto que en CSS 2.1 no es necesario el width en los flotados, entonces no creo que haga bien el validador en mostrar esta advertencia, ya que yo selecciono que evalúe según el "Perfil: CSS versión 2.1". Otra falla más, entonces... > Otra cosa es que el validador no sepa combinar reglas, en cuyo caso es > un defecto del validador. Sí, eso también. Seguramente se complicaba demasiado la programación si debían verificar todas las declaraciones complementarias de un mismo selector antes de dar el mensaje. > > De todos modos, ten presente que es una advertencia y no un error. Y > como ante cualquier advertencia, debes evaluar el mensaje y decidir si > la ignoras o la tomas en cuenta. > Muchas gracias, Choan! 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] Advertencia del Validador CSS ante declar aciones múltiples
On Mar 11, 2009, at 14:06 , Hernán Beati - SaberWeb.com.ar wrote: > Acabo de pasar por el Validador CSS del W3C [1] este código de > columnas > con anchos en EM, ambas flotadas (#menu y #contenido1): > > #menu, #contenido1 { > display:inline; > float:left; > } > > #menu { > width:13em; > } > > #contenido1 { > width:41em; > } > > Me da por válida la hoja, pero a continuación incluye estas dos > "advertencias": > > #menu In (x)HTML+CSS, floated elements need to have a width declared. > Only elements with an intrinsic width (html, img, input, textarea, > select, or object) are not affected > > #contenido1 In (x)HTML+CSS, floated elements need to have a width > declared. Only elements with an intrinsic width (html, img, input, > textarea, select, or object) are not affected > > > En cambio, si incluyo en una única declaración el width en vez de > separarlo, no da esas advertencias (pero eso obviamente me obliga a > poner el mismo width a ambos divs): > > #menu, #contenido1 { > display:inline; > float:left; > width:13.8em; > } > > En definitiva, no me permnite hacer una "declaración múltiple" > separada > por comas, me obliga a declarar "por separado" los dos selectores, > para > poder darles un ancho distinto. > > ¿Es un error del validador que me dé esa advertencia, o hay algo en > alguna recomendación CSS que ponga ese requisito? (que me parece no > muy > lógico). Según CSS 2 los elementos flotados deben tener una anchura intrínseco o asignada. El validador hace bien en advertirte. (Según CSS 2.1 no es necesario y es lo que aplican los navegadores de hoy en día) Otra cosa es que el validador no sepa combinar reglas, en cuyo caso es un defecto del validador. De todos modos, ten presente que es una advertencia y no un error. Y como ante cualquier advertencia, debes evaluar el mensaje y decidir si la ignoras o la tomas en cuenta. 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
[Ovillo] Advertencia del Validador CSS ante declar aciones múltiples
Acabo de pasar por el Validador CSS del W3C [1] este código de columnas con anchos en EM, ambas flotadas (#menu y #contenido1): #menu, #contenido1 { display:inline; float:left; } #menu { width:13em; } #contenido1 { width:41em; } Me da por válida la hoja, pero a continuación incluye estas dos "advertencias": #menu In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected #contenido1 In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected En cambio, si incluyo en una única declaración el width en vez de separarlo, no da esas advertencias (pero eso obviamente me obliga a poner el mismo width a ambos divs): #menu, #contenido1 { display:inline; float:left; width:13.8em; } En definitiva, no me permnite hacer una "declaración múltiple" separada por comas, me obliga a declarar "por separado" los dos selectores, para poder darles un ancho distinto. ¿Es un error del validador que me dé esa advertencia, o hay algo en alguna recomendación CSS que ponga ese requisito? (que me parece no muy lógico). ¿Alguien sabe algo sobre esto? [1] http://jigsaw.w3.org/css-validator/#validate_by_input -- 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] Menu resaltado
Idealmente, las opciones de menú que llevan a la misma página en la que ya estás no deberían ser ni siquiera enlaces, se considera un error de usabilidad poner enlaces que llevan a la misma página en la que ya se encuentra uno. Saludos, Ramón. >> >> La Institució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] Menu resaltado
alejandra.j.go...@gmail.com escr > > La Institución > / > > En este caso yo tengo un menu horizontal, fijate que la primer linea (1), > tiene una clase current, esta clase, se lo pones en cada pagina, en el link > que le corresponde, por ejem: en contacto.html, esta clase la tiene el link > contacto, en soluc.html, esta clase la tien soluc, se entiende?, no se > repite en todas, solo en la que quieres resaltar La solución de Alejandra funciona perfectamente, pero hay una solución que a veces puede ser más simple para este problema, ya que no requiere modificar el menú en cada página para agregarle el "class" (lo cual puede ser útil cuando el menú es generado dinámicamente con PHP o similares). Es similar a lo que planteaba Alberto, pero sin clases. La solución es colocar en cada página un "id" distinto a la etiqueta body. Por ejemplo, en index.html: En contacto.html: y así sucesivamente. Luego, a cada elemento del menú lo identificamos con un id también (y el menú queda siempre igual en todas las páginas, por eso es que puede generarse dinámicamente muy fácil): Index Contacto etc. Luego, en la hoja de estilos, usando un selector contextual o descendentes, identificas a los elementos de menú "cuando estén dentro del id similar a su propio id", es decir, que se aplicará solamente cuando el #a_contacto esté dentro del body identificado como #contacto: #index #a_home{} #contacto #a_contacto{} etc. y entre esas llaves declaras los estilos "distintos" a su estado normal. Espero que se entienda y te sirva. 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