perdón me corrijo, seria a.clase {outline: 0} (el outline se aplica al a no
al img) aunque Ramón lo dude funciona perfectamente.
En cuanto a la accesibilidad Ramón tiene razón, pero sin embargo puedes
maquear el focus a tu antojo, para que el usuario siempre sepa donde esta el
foco pero no tienes por que dejar el dotted ese guarro que te ponen la
mayoría de los navegadores.
Por ejemplo: :focus {outline: 1px solid #034894} o añadirle un cambio de
color de fondo, de echo en la pagina del w3c si te fijas tienen el :focus es
igual que el :hover para igualar la navegación con teclado a la navegación
con ratón.
Parte del css del w3c (
http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/slicenav.css):
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
background:#AAAAEE none repeat scroll 0 0;
border-color:#222277;
color:#000000;
float:left;
}
Jorge González Sánchez | http://yparamuestraunboton.com
El día 3 de junio de 2009 9:31, Ramón Corominas <[email protected]>
escribió:
> Si quieres que esa página cumpla con las pautas de accesibilidad WCAG
> 2.0 [1], no lo evites. La manera de evitarlo es engañar al navegador
> eliminando el foco del elemento mediante JavaScript, pero esa práctica
> está definiida como un incumplimiento [2] del criterio de éxito 2.4.7
> [3] de las WCAG 2.0. Lo mismo pasa si utilizas estilos para eliminar el
> outline [4].
>
> Aunque personalmente opino que si usas la segunda técnica (y funciona,
> lo cual no tengo muy claro), y al mismo tiempo indicas el foco de otro
> modo (invirtiendo los colores en un botón, por ejemplo), sí se estaría
> cumpliendo, ya que lo que pretende este criterio es que haya una
> indicación clara de por dónde anda el usuario al tabular.
>
> Saludos,
> Ramón.
>
> [1] http://www.w3.org/TR/WCAG20/
> [2] http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55
> [3]
>
http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html
> [4] http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F78
>
> toni martinez escribió:
>> Tengo un link que es una imagen, le he puesto el border:0 para
>> que no salga el recuadro alrededor de la imagen. Pero lo que no se como
>> evitar es que al hacer clic sobre la imagen si que aparezca un pequeño
>> recuadro punteado al rededor de la imagen, por cuestiones de diseño queda
>> bastate feo y me gustaria si alguien conoce el metodo para eliminar dicho
>> punteado.
>>
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
