Il CSS è un linguaggio di stile generale e include anche proprietà per il markup aurorale . Sebbene nulla di tutto ciò sia implementato dai browser mainstream, potrebbe essere utile per gli screen reader (ma non so se implementare quello, considerando che il markup dell'aurale non è comune "in the wild").
Io, in quanto spettatore, scrivo i CSS in un circolo vizioso di feedback in cui cambio un po 'di CSS e poi guardo come cambia la pagina. Se questo feedback non è possibile o molto difficile, dobbiamo ricorrere ai principi di progettazione e sperare che funzionino correttamente.
-
Le proporzioni sono più facili da gestire quando pensiamo alla pagina come a una griglia. Una divisione comune consiste nell'utilizzare la riga superiore per la navigazione e i titoli e la colonna destra per il contenuto correlato. La colonna di sinistra viene utilizzata per il contenuto principale ed è all'incirca due o tre volte più larga della colonna di destra. Questo è approssimativamente il modo in cui vengono visualizzati i siti Stack Exchange. Nei CSS, questo può essere implementato con display: table
e gli stili di visualizzazione correlati di table-row
e table-cell
, o con il modello più recente di flexbox. I rapporti esatti sono sorprendentemente poco importanti.
-
Una pagina appare meglio quando è centrata orizzontalmente.
-
Uno non deve usare molti colori: c'è un colore di sfondo (di solito qualcosa di luminoso e insaturo) e un colore di testo (di solito qualcosa di scuro e saturo). Possiamo ridurre il contrasto della luminosità per de-enfatizzare il testo come note a piè di pagina, sottotitoli o altri dettagli. Usare il modello di colore HSV dovrebbe essere molto più semplice di RGB per questo. Esistono un certo numero di tavolozze di colori che possono essere utilizzate se il grigio chiaro è troppo noioso. Il colore dovrebbe essere usato, ma con parsimonia.
-
È anche possibile utilizzare la dimensione del carattere per indicare l'importanza: i passaggi di 2pt e mai inferiori a 9pt sembrano sensati. Per il testo normale, non deve essere superata una dimensione del carattere di 14pt. Insieme, la dimensione del carattere e il contrasto del testo sono simili al volume della voce.
-
CSS offre non solo unità assolute di misure come px
o cm
ma anche unità relative come em
e parole chiave come thin
o medium
. L'utilizzo di misure relative e queste parole chiave è spesso più semplice.
-
Il testo non deve essere più ampio di 40em
.
-
I browser sono dotati di fogli di stile predefiniti. Non sono belli, ma non devi scavalcare tutto. La scelta di un semplice webfont e l'impostazione di una larghezza massima per gli elementi di testo sono le due cose più importanti. Scrivere HTML semantico è importante per il funzionamento degli stili predefiniti.
Con questo, dovrebbe essere possibile creare un semplice blog o altro. Tuttavia:
-
Il codice di debug è difficile, soprattutto se non riesci a vedere cosa stai facendo. Al mio primo tentativo non ottengo le cose giuste. Ma come faresti a sapere quando le cose sembrano "giuste"?
-
Alcune cose richiedono un posizionamento preciso degli elementi, ad es. in un menu a comparsa.
-
Le immagini e le icone possono aggiungere molta profondità a un design, ma sarebbe difficile per te scegliere.
-
Il modello di box CSS è orribile e spesso difficile da simulare nella tua testa.
Suppongo che tu possa scrivere un po 'di CSS, ma sarebbe incredibilmente frustrante. Non so quali tecnologie assistive esistano, ma presumo che il feedback tattile ti consenta di progettare un layout generale. Forse la programmazione in coppia con qualcuno con vista potrebbe essere una buona soluzione per i dettagli più piccoli?