Foros del Web » Creando para Internet » Diseño Gráfico »

duda con uso de CSS y accebilidad

Estas en el tema de duda con uso de CSS y accebilidad en el foro de Diseño Gráfico en Foros del Web. Hace un tiempo me encontre que existe la posibilidad de asignarle mas de una clase a las etiquetas, por ej <div class="rojo floatR add10marginTop"></div> Desde ...
  #1 (permalink)  
Antiguo 17/05/2006, 07:01
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 18 años, 4 meses
Puntos: 0
duda con uso de CSS y accebilidad

Hace un tiempo me encontre que existe la posibilidad de asignarle mas de una clase a las etiquetas, por ej <div class="rojo floatR add10marginTop"></div>

Desde el punto de vista "accesibilidad", esto esta bien visto? esta permitido o existe algun limite de clases por tag?
  #2 (permalink)  
Antiguo 17/05/2006, 08:48
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 19 años, 10 meses
Puntos: 8
La accesibilidad se refiere a que algo puede ser usado, visitado o accedido con facilidad, las clases o id's de los elementos no influyen en la accesibilidad, son más para aspectos de diseño y visuales.

Lo que si influye en la accesibilidad es la manera de como ordenas estos elementos para dar un orden semántico a tu documento.

Asi que respondiendo a tu pregunta. eso está bien visto siempre y cuando tus elementos estén ordenados semánticamente para un mejor uso de parte del usuario.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #3 (permalink)  
Antiguo 17/05/2006, 09:07
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 18 años, 4 meses
Puntos: 0
Trabajo mucho con sitios con nivel A y AA. Vengo cumpliendo las reglas sin problemas ( de hecho ya ni uso tablas ) pero a veces en sitios grandes me quedan hojas de estilos demasiados extensas y complicadas de entender. Una de las soluciones que le encontre es tener declarados un grupo de estilos genericos para no tener que andar creando un css nuevo a cada rato.

Por ej, .floatR {float: right; }, .borderBottom {border-bottom: 1px solid #DDDDDD }...

Con ordenado semanticamente te refieres al contenido del sitio o las clases dentro del class=""?

Gracias por responder a mi consulta.
  #4 (permalink)  
Antiguo 18/05/2006, 08:02
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 19 años, 8 meses
Puntos: 2
Hola,

Sobre lo que dices de que "ya no usas tablas", no se trata de eso. Se trata de usar los elementos para lo que fueron hechos... :oP

Respecto a tus CSS, nóto que tiendes a nombrar a las clases de acuerdo a su apariencia y no a su "función". ¿Para que crear una clase llamada "rojo" o "borderbottom"? Se comete exactamente el mismo error que las CSS pretender eliminar: mezclar el contenido con la presentación. Las clases se terminan convirtiendo el "alias" de las propiedades CSS. Mejor piensa en la función que tienen los elementos. Por ejemplo: llamar a una clase como "nota" y asignar el color rojo a su texto. De esa forma los estilos siguen a la función. Y rara vez tendras que convinar estilos en el mismo elemento. Mejor agrupar correctamente los estilos en la hoja de estilos, para que no se inche.

¿Qué va a pasar cuando elementos que comparten el color "rojo" no quieras que lo compartan después? ¿O cuando diferentes elementos con diferentes funciones desees que no compartan ciertos estilos? Tendrías que modificar el HTML, y eso en realidad no debería ser necesario.

Es un consejo. Espero haberme dado a entender.
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."

Última edición por KnowDemon; 18/05/2006 a las 08:09
  #5 (permalink)  
Antiguo 18/05/2006, 08:40
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 18 años, 4 meses
Puntos: 0
en realidad no me refiero a crear cientos de estilos para cada una de las propiedades que se le podrian dar a los tags, sino algun que otro especifico para evitar tener que andar creado estilos nuevos para todo.

Por ej, en una web que estoy armando actualmente. Se da que todos los links son de un gris, arial y tamaño 10, al hacer hover se subrayan. Peeero, algun que otro grupo de links por ahi tiene una linea gris abajo. O quiza tengo en un cierto lugar un gurpo de links que deberia ir contra la derecha o en vez de Arial usa Times New Roman.

Me pasa lo mismo con algunos P o H. Lo que hago es colocar a los links donde deben, en sus UL/LI correspondientes, con clase Link que le da todo lo que dije antes y en el caso de necesitar ese mismo estilo pero por ahi... no se, con un borde abajo solo agrego una clase mas y me ahorre crear todo un grupo de estilos.

a modo ej.

Código:
.links A {
color: #000000;
font-size: 1em;
font-family: Arial;
}

A.styleB {
font-size: 0.9em;
font-family: "Times New Roman";
}

.borderBottom {
border-bottom: 1px solid #DDDDDD;
}

floatR {
float: right;
}
con esos 4 estilos puedo crear 7 estilos distintos de links y encima los ultimos 3 estilos me sirven para adaptar algun otro P, DIV, H, etc.
  #6 (permalink)  
Antiguo 19/05/2006, 07:44
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 19 años, 10 meses
Puntos: 8
Cita:
Iniciado por rkpost
Con ordenado semanticamente te refieres al contenido del sitio o las clases dentro del class=""?
Ordenar semánticamente quiere decir usar cada elemento para lo que está hecho, por ejemplo las etiquetas <hx> para títulos o subtítulos, las p para párrafos, las tablas para mostrar datos tabulados... y que todo al final esté en un orden entendible uses o no uses CSS para el fomato.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:52.