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: tabley los estilos de visualización relacionados de table-rowy table-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 pxo cmsino también unidades relativas como emy palabras clave como thino medium. 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?