Entonces, mientras estaba aprendiendo HTML, encontré CSS. Es interesante porque con CSS puedes hacer que una página web sea genial o más bella. Pero como se trata más de colores, diseños, estilos, etc., no puedo conocer los resultados de mis códigos CSS. Como alguien con discapacidad visual, ¿por qué debería aprender CSS si las personas videntes siempre pueden diseñar una página web mejor que yo porque pueden ver?
- ¿Hay programadores ciegos aquí que escriben CSS? ¿Cómo lo hiciste?
- ¿Debería ignorar CSS en su totalidad y dejarlo a los programadores videntes? ¿O hay algunas cosas en CSS que puedo hacer sin pedirle a la gente que mire mi página para saber si tiene un buen diseño?
Respuestas:
CSS es un lenguaje de estilo general e incluye propiedades para el marcado auditivo también. Si bien nada de esto es implementado por los principales navegadores, podría ser útil para los lectores de pantalla (pero no sé si alguno implementa eso, teniendo en cuenta que el marcado auditivo no es común "en la naturaleza").
Yo, como persona que ve, escribo CSS en un ciclo de retroalimentación ajustado donde cambio un poco de CSS y luego veo cómo cambia la página. Si esta retroalimentación no es posible o muy difícil, tenemos que recurrir a los principios de diseño y esperar que funcionen bien.
Las proporciones son más fáciles de administrar cuando pensamos en la página como una cuadrícula. Una división común es usar la fila superior para navegación y titulares, y la columna derecha para contenido relacionado. La columna izquierda se usa para el contenido principal, y tiene aproximadamente dos o tres veces el ancho de la columna derecha. Así es como se representan los sitios de Stack Exchange. En CSS, esto se puede implementar con
display: table
y los estilos de visualización relacionados detable-row
ytable-cell
, o con el modelo más nuevo de flexbox. Las proporciones exactas son sorprendentemente sin importancia.Una página se ve mejor cuando está centrada horizontalmente.
No es necesario usar muchos colores: hay un color de fondo (generalmente algo brillante e insaturado) y un color de texto (generalmente algo oscuro y saturado). Podemos reducir el contraste del brillo para quitarle énfasis al texto, como las notas al pie, las líneas generales u otros detalles. Para esto, usar el modelo de color HSV debería ser mucho más fácil que RGB. Existen varias paletas de colores que se pueden usar si el gris claro es demasiado aburrido. Se debe usar color, pero con moderación.
El tamaño de fuente también se puede usar para indicar importancia: los pasos de 2 puntos y nunca inferiores a 9 puntos parecen razonables. Para texto normal, no se debe exceder un tamaño de fuente de 14pt. Juntos, el tamaño de fuente y el contraste del texto son similares al volumen de voz.
CSS ofrece no solo unidades absolutas de medidas como
px
ocm
sino también unidades relativas comoem
y palabras clave comothin
omedium
. Usar medidas relativas y estas palabras clave a menudo es más fácil.El texto no debe ser más ancho que
40em
.Los navegadores vienen con hojas de estilo predeterminadas. No son bonitas, pero no tienes que anular todo. Elegir una fuente web simple y establecer un ancho máximo para los elementos de texto son las dos cosas más importantes. Escribir HTML semántico es importante para que funcionen los estilos predeterminados.
Con esto, debería ser posible diseñar un blog simple o algo así. Sin embargo:
La depuración de código es difícil, aún más si no puede ver lo que está haciendo. No hago las cosas bien en mi primer intento. Pero, ¿cómo podría saber cuándo las cosas se ven "bien"?
Algunas cosas requieren la colocación precisa de elementos, por ejemplo, en un menú emergente.
Las imágenes y los iconos pueden agregar mucha profundidad a un diseño, pero sería difícil para usted elegir.
El modelo de caja CSS es horrible y, a menudo, difícil de simular en tu cabeza.
Supongo que sería capaz de escribir un poco de CSS, pero sería increíblemente frustrante. No sé qué tecnologías de asistencia existen, pero supongo que la retroalimentación táctil le permitiría diseñar un diseño general. ¿Quizás la programación en pareja con alguien con visión podría ser una buena solución para detalles más pequeños?
fuente
Si Eşref Armağan puede pintar , las personas ciegas deberían poder crear páginas web. Pero dado lo difícil que es, posiblemente debería considerar otras áreas de programación. Conocí a varios programadores ciegos, fueron muy efectivos, en parte porque necesitaban tener todo el programa en mente en todo momento.
fuente