Re: [Ovillo] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
Acabo de intentar cambiar al diseño alternativo, y se descuadró todo tu diseño, quizás debas darle una revisada. Saludos. On 11/17/06, Joan Piedra <[EMAIL PROTECTED]> wrote: > > Entiendo la idea que quieres lograr, pero no entiendo por qué te niegas a > usar javascript, javascript no es malo, y no causa problemas de > accesibilidad (si lo usas bien). > > Pero si sigues pensando en dejar de usar javascript para ellos, no puedes > hacer más que usar un lenguaje de servidor para cambiar la página mediante > variables en get, o sesiones. > > Saludos. > > PD: Hay otra alternativa que usa javascript, ajax y php por Dustin Diaz. > Quizás les interese [1] > > > [1] http://24ways.org/advent/introducing-udasss > > > > On 11/14/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > > Buenas, > > > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > > las pautas de accesibilidad. No he tenido mucho problema para pasar el > > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > > específicas, que se puedan "sumar" a el diseño ya existente: alto > > contraste y tamaño de texto ampliado, (amén de las de impresora, pero > > esas > > van aparte). > > > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que > > hay: > > > > A) Diseño predeterminado > > B) Diseño alternativo > > C) Alto contraste > > D) Texto ampliado. > > > > El problema "gordo" viene de que para cada uno de los dos diseños (A y > > B) > > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > > > > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > > > He implementado un desplegable que permite escoger entre los dos diseños > > > > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > > izquierda) que mediante Javascript no-intrusivo activan o desactivan > > (switch) cada una de las hojas accesibles (C y D): alto contraste o > > texto > > ampliado. > > > > Esto funciona perfectamente, pero me pregunto si no existirá la > > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que > > en > > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los > > > rel="stylesheet"> que ha definido el desarrollador en la cabacera del > > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > > ampliado + alto contraste"). Por este motivo, aunque desde el > > desplegable > > del sitio web funciona todo perfectamente, desde el menú de Firefox no, > > ya > > que al activar "Alto contraste", el navegador desactiva también el > > diseño > > que estaba activo. > > > > Un poco largo, pero creo que lo he explicado bien :-) > > > > Any ideas out there? :-) > > > > -- > > Jaime Gómez Obregón > > Director Comercial ([EMAIL PROTECTED] ) > > ITEISA - www.iteisa.com > > 942 544 036 - 662 256 006 > > > > ___ > > 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 > > > > > > > > -- > NEO_JP || Cristalab.com -- NEO_JP || Cristalab.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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
Entiendo la idea que quieres lograr, pero no entiendo por qué te niegas a usar javascript, javascript no es malo, y no causa problemas de accesibilidad (si lo usas bien). Pero si sigues pensando en dejar de usar javascript para ellos, no puedes hacer más que usar un lenguaje de servidor para cambiar la página mediante variables en get, o sesiones. Saludos. PD: Hay otra alternativa que usa javascript, ajax y php por Dustin Diaz. Quizás les interese [1] [1] http://24ways.org/advent/introducing-udasss On 11/14/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > Buenas, > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > las pautas de accesibilidad. No he tenido mucho problema para pasar el > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > específicas, que se puedan "sumar" a el diseño ya existente: alto > contraste y tamaño de texto ampliado, (amén de las de impresora, pero esas > van aparte). > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que > hay: > > A) Diseño predeterminado > B) Diseño alternativo > C) Alto contraste > D) Texto ampliado. > > El problema "gordo" viene de que para cada uno de los dos diseños (A y B) > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > He implementado un desplegable que permite escoger entre los dos diseños > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > izquierda) que mediante Javascript no-intrusivo activan o desactivan > (switch) cada una de las hojas accesibles (C y D): alto contraste o texto > ampliado. > > Esto funciona perfectamente, pero me pregunto si no existirá la > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que en > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los rel="stylesheet"> que ha definido el desarrollador en la cabacera del > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > ampliado + alto contraste"). Por este motivo, aunque desde el desplegable > del sitio web funciona todo perfectamente, desde el menú de Firefox no, ya > que al activar "Alto contraste", el navegador desactiva también el diseño > que estaba activo. > > Un poco largo, pero creo que lo he explicado bien :-) > > Any ideas out there? :-) > > -- > Jaime Gómez Obregón > Director Comercial ([EMAIL PROTECTED]) > ITEISA - www.iteisa.com > 942 544 036 - 662 256 006 > > ___ > 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 > -- NEO_JP || Cristalab.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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
[EMAIL PROTECTED] escribió: > Esto funciona perfectamente, pero me pregunto si no existirá la > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que en > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los rel="stylesheet"> que ha definido el desarrollador en la cabacera del > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > ampliado + alto contraste"). Por este motivo, aunque desde el desplegable > del sitio web funciona todo perfectamente, desde el menú de Firefox no, ya > que al activar "Alto contraste", el navegador desactiva también el diseño > que estaba activo. > > Un poco largo, pero creo que lo he explicado bien :-) > > Any ideas out there? :-) > Definete tantos ficheros css como combinaciones y dentro mete los @import que te interesen. -- Saludos -=stripTM=- ___ 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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
El mar, 14-11-2006 a las 12:49 +0100, Agustin Garcia escribió: > Si, tendrías que hacer una "rellamada" a tu página y seleccionar de forma > dinámica las css que quieres cargar dependiendo de un parámetro, dos o más. > Al terner varias combinaciones distintas de CSS se hará un poco más complejo > el paso de parametros ya que tendrías que mantener valores anteriores para > realizar las combinaciones. Hola, Es lo primero que pensé, pero sucede que al hacerlo del lado del servidor la página "parpadea" mientras se recarga. Por eso usé Javascript, ya que así el cambio entre las hojas de estilo (alto contraste y texto ampliado), es inmediato. Creo que me voy a resignar a dejarlo como está (aunque tampoco está mal), ya que no veo en las especificaciones del W3C ninguna alternativa mejor. Un saludo, -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.com 942 544 036 - 662 256 006 > El día 14/11/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> > escribió: > > > > algo parecido podías hacerlo mediante servidor... para que en funcion > > de un parámetro se cargue una hoja de estilos u otra... > > > > > > Quoting [EMAIL PROTECTED]: > > > > > Buenas, > > > > > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > > > las pautas de accesibilidad. No he tenido mucho problema para pasar el > > > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > > > específicas, que se puedan "sumar" a el diseño ya existente: alto > > > contraste y tamaño de texto ampliado, (amén de las de impresora, pero > > esas > > > van aparte). > > > > > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que > > hay: > > > > > > A) Diseño predeterminado > > > B) Diseño alternativo > > > C) Alto contraste > > > D) Texto ampliado. > > > > > > El problema "gordo" viene de que para cada uno de los dos diseños (A y > > B) > > > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > > > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > > > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > > > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > > > > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > > > > > He implementado un desplegable que permite escoger entre los dos diseños > > > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > > > izquierda) que mediante Javascript no-intrusivo activan o desactivan > > > (switch) cada una de las hojas accesibles (C y D): alto contraste o > > texto > > > ampliado. > > > > > > Esto funciona perfectamente, pero me pregunto si no existirá la > > > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que > > en > > > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los > > > > rel="stylesheet"> que ha definido el desarrollador en la cabacera del > > > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > > > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > > > ampliado + alto contraste"). Por este motivo, aunque desde el > > desplegable > > > del sitio web funciona todo perfectamente, desde el menú de Firefox no, > > ya > > > que al activar "Alto contraste", el navegador desactiva también el > > diseño > > > que estaba activo. > > > > > > Un poco largo, pero creo que lo he explicado bien :-) > > > > > > Any ideas out there? :-) > > > > > > -- > > > Jaime Gómez Obregón > > > Director Comercial ([EMAIL PROTECTED]) > > > ITEISA - www.iteisa.com > > > 942 544 036 - 662 256 006 ___ 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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
On 11/14/06, Jaime Gómez Obregón <[EMAIL PROTECTED]> wrote: > El mar, 14-11-2006 a las 12:49 +0100, Agustin Garcia escribió: > > Si, tendrías que hacer una "rellamada" a tu página y seleccionar de forma > > dinámica las css que quieres cargar dependiendo de un parámetro, dos o más. > > Al terner varias combinaciones distintas de CSS se hará un poco más complejo > > el paso de parametros ya que tendrías que mantener valores anteriores para > > realizar las combinaciones. > > Hola, > > Es lo primero que pensé, pero sucede que al hacerlo del lado del > servidor la página "parpadea" mientras se recarga. Por eso usé > Javascript, ya que así el cambio entre las hojas de estilo (alto > contraste y texto ampliado), es inmediato. > > Creo que me voy a resignar a dejarlo como está (aunque tampoco está > mal), ya que no veo en las especificaciones del W3C ninguna alternativa > mejor. Ten en cuenta que para que necesitas cambiar las hojas de estilo, es para que los navegadores visuales puedan mostrar mejor la informacion, en cierta manera no te importa que los navegadores que no soporten JS (lynx, links, lectores de pantalla) no puedan cambiar las hojas de estilo porque no se fijan en los estilos. Otra cosa es que quieras hacer que incluso la minoria de gente que tiene JS desactivado pueda seguir cambiando los estilos, en cuyo caso la unica solucion es usar scripts del lado del servidor. > Un saludo, > > -- > Jaime Gómez Obregón > Director Comercial ([EMAIL PROTECTED]) > ITEISA - www.iteisa.com > 942 544 036 - 662 256 006 > > > El día 14/11/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> > > escribió: > > > > > > algo parecido podías hacerlo mediante servidor... para que en funcion > > > de un parámetro se cargue una hoja de estilos u otra... > > > > > > > > > Quoting [EMAIL PROTECTED]: > > > > > > > Buenas, > > > > > > > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > > > > las pautas de accesibilidad. No he tenido mucho problema para pasar el > > > > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > > > > específicas, que se puedan "sumar" a el diseño ya existente: alto > > > > contraste y tamaño de texto ampliado, (amén de las de impresora, pero > > > esas > > > > van aparte). > > > > > > > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que > > > hay: > > > > > > > > A) Diseño predeterminado > > > > B) Diseño alternativo > > > > C) Alto contraste > > > > D) Texto ampliado. > > > > > > > > El problema "gordo" viene de que para cada uno de los dos diseños (A y > > > B) > > > > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > > > > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > > > > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > > > > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > > > > > > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > > > > > > > He implementado un desplegable que permite escoger entre los dos diseños > > > > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > > > > izquierda) que mediante Javascript no-intrusivo activan o desactivan > > > > (switch) cada una de las hojas accesibles (C y D): alto contraste o > > > texto > > > > ampliado. > > > > > > > > Esto funciona perfectamente, pero me pregunto si no existirá la > > > > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que > > > en > > > > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los > > > > > > rel="stylesheet"> que ha definido el desarrollador en la cabacera del > > > > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > > > > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > > > > ampliado + alto contraste"). Por este motivo, aunque desde el > > > desplegable > > > > del sitio web funciona todo perfectamente, desde el menú de Firefox no, > > > ya > > > > que al activar "Alto contraste", el navegador desactiva también el > > > diseño > > > > que estaba activo. > > > > > > > > Un poco largo, pero creo que lo he explicado bien :-) > > > > > > > > Any ideas out there? :-) > > > > > > > > -- > > > > Jaime Gómez Obregón > > > > Director Comercial ([EMAIL PROTECTED]) > > > > ITEISA - www.iteisa.com > > > > 942 544 036 - 662 256 006 > > > ___ > 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 > -- Hermann Kaser http://www.theragingche.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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
algo parecido podías hacerlo mediante servidor... para que en funcion de un parámetro se cargue una hoja de estilos u otra... Quoting [EMAIL PROTECTED]: > Buenas, > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > las pautas de accesibilidad. No he tenido mucho problema para pasar el > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > específicas, que se puedan "sumar" a el diseño ya existente: alto > contraste y tamaño de texto ampliado, (amén de las de impresora, pero esas > van aparte). > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que hay: > > A) Diseño predeterminado > B) Diseño alternativo > C) Alto contraste > D) Texto ampliado. > > El problema "gordo" viene de que para cada uno de los dos diseños (A y B) > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > He implementado un desplegable que permite escoger entre los dos diseños > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > izquierda) que mediante Javascript no-intrusivo activan o desactivan > (switch) cada una de las hojas accesibles (C y D): alto contraste o texto > ampliado. > > Esto funciona perfectamente, pero me pregunto si no existirá la > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que en > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los rel="stylesheet"> que ha definido el desarrollador en la cabacera del > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > ampliado + alto contraste"). Por este motivo, aunque desde el desplegable > del sitio web funciona todo perfectamente, desde el menú de Firefox no, ya > que al activar "Alto contraste", el navegador desactiva también el diseño > que estaba activo. > > Un poco largo, pero creo que lo he explicado bien :-) > > Any ideas out there? :-) > > -- > Jaime Gómez Obregón > Director Comercial ([EMAIL PROTECTED]) > ITEISA - www.iteisa.com > 942 544 036 - 662 256 006 > > ___ > 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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
Hola , Si, tendrías que hacer una "rellamada" a tu página y seleccionar de forma dinámica las css que quieres cargar dependiendo de un parámetro, dos o más. Al terner varias combinaciones distintas de CSS se hará un poco más complejo el paso de parametros ya que tendrías que mantener valores anteriores para realizar las combinaciones. Un saludo, Agustín García Vadillo El día 14/11/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> escribió: > > algo parecido podías hacerlo mediante servidor... para que en funcion > de un parámetro se cargue una hoja de estilos u otra... > > > Quoting [EMAIL PROTECTED]: > > > Buenas, > > > > Estoy trabajando en un portal que tiene que pasar inexorablemente todas > > las pautas de accesibilidad. No he tenido mucho problema para pasar el > > nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo > > específicas, que se puedan "sumar" a el diseño ya existente: alto > > contraste y tamaño de texto ampliado, (amén de las de impresora, pero > esas > > van aparte). > > > > Por explicarlo de manera más gráfica, estas son las hojas de estilo que > hay: > > > > A) Diseño predeterminado > > B) Diseño alternativo > > C) Alto contraste > > D) Texto ampliado. > > > > El problema "gordo" viene de que para cada uno de los dos diseños (A y > B) > > se tiene que poder escoger bien la plantilla de alto contraste (C), bien > > la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. > > Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles > > combinaciones si tenemos en cuenta que hay dos diseños diferentes. > > > > Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ > > > > He implementado un desplegable que permite escoger entre los dos diseños > > (predeterminado y alternativo). Y luego dos enlaces (arriba a la > > izquierda) que mediante Javascript no-intrusivo activan o desactivan > > (switch) cada una de las hojas accesibles (C y D): alto contraste o > texto > > ampliado. > > > > Esto funciona perfectamente, pero me pregunto si no existirá la > > posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que > en > > el menú "Ver -> Estilo de página" se pueden escoger cada uno de los > > rel="stylesheet"> que ha definido el desarrollador en la cabacera del > > sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso > > TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto > > ampliado + alto contraste"). Por este motivo, aunque desde el > desplegable > > del sitio web funciona todo perfectamente, desde el menú de Firefox no, > ya > > que al activar "Alto contraste", el navegador desactiva también el > diseño > > que estaba activo. > > > > Un poco largo, pero creo que lo he explicado bien :-) > > > > Any ideas out there? :-) > > > > -- > > Jaime Gómez Obregón > > Director Comercial ([EMAIL PROTECTED]) > > ITEISA - www.iteisa.com > > 942 544 036 - 662 256 006 > > > > ___ > > 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 > -- MI blog: http://conestilos.blogspot.com/ http://conestilos.blogspot.com/atom.xml ___ 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] Habilitar varias hojas de estilo SIMULTANEAMENTE sin Javascript
Buenas, Estoy trabajando en un portal que tiene que pasar inexorablemente todas las pautas de accesibilidad. No he tenido mucho problema para pasar el nivel WAI-AAA, pero el cliente quiere también dos hojas de estilo específicas, que se puedan "sumar" a el diseño ya existente: alto contraste y tamaño de texto ampliado, (amén de las de impresora, pero esas van aparte). Por explicarlo de manera más gráfica, estas son las hojas de estilo que hay: A) Diseño predeterminado B) Diseño alternativo C) Alto contraste D) Texto ampliado. El problema "gordo" viene de que para cada uno de los dos diseños (A y B) se tiene que poder escoger bien la plantilla de alto contraste (C), bien la de texto ampliado (D), bien ambas (C y D), o bien ninguna de las dos. Es decir cuatro posibilidades para cada diseño, lo que supone 8 posibles combinaciones si tenemos en cuenta que hay dos diseños diferentes. Se ve más claramente aquí: http://aspaym.alpha.iteisa.com/ He implementado un desplegable que permite escoger entre los dos diseños (predeterminado y alternativo). Y luego dos enlaces (arriba a la izquierda) que mediante Javascript no-intrusivo activan o desactivan (switch) cada una de las hojas accesibles (C y D): alto contraste o texto ampliado. Esto funciona perfectamente, pero me pregunto si no existirá la posibilidad de hacerlo sin Javascript. Ejemplo: En Firefox, sabeis que en el menú "Ver -> Estilo de página" se pueden escoger cada uno de los que ha definido el desarrollador en la cabacera del sitio. Pero sólo se puede escoger UNO de los diseños, y no DOS o incluso TRES como requiere mi caso (por ejemplo: "Diseño alternativo + texto ampliado + alto contraste"). Por este motivo, aunque desde el desplegable del sitio web funciona todo perfectamente, desde el menú de Firefox no, ya que al activar "Alto contraste", el navegador desactiva también el diseño que estaba activo. Un poco largo, pero creo que lo he explicado bien :-) Any ideas out there? :-) -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.com 942 544 036 - 662 256 006 ___ 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