CSS per le persone con disabilità visive?

17

Quindi mentre stavo imparando l'HTML ho incontrato i CSS. È interessante perché con i CSS puoi rendere una pagina web più bella o più bella. Ma dal momento che si tratta di colori, disegni, stili, ecc., Non posso conoscere i risultati dei miei codici CSS. Come qualcuno ipovedente, perché dovrei imparare CSS se le persone vedenti possono sempre progettare una pagina web migliore di me perché possono vedere?

  1. Ci sono programmatori ciechi che scrivono CSS? Come hai fatto?
  2. Devo ignorare tutti i CSS e lasciarlo ai programmatori avvistati? O ci sono alcune cose in CSS che posso fare senza chiedere alla gente di guardare la mia pagina per sapere se ha un buon design?
posta user1815810 18.01.2014 - 17:58
fonte

2 risposte

12

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?

    
risposta data 18.01.2014 - 19:30
fonte
5

Se Eşref Armağan può paint , quindi i non vedenti dovrebbero essere in grado di creare pagine web. Ma dato quanto è più difficile, dovresti prendere in considerazione altre aree di programmazione. Ho conosciuto diversi programmatori ciechi, sono stati molto efficaci, in parte perché necessario per tenere sempre presente l'intero programma.

    
risposta data 18.01.2014 - 21:52
fonte

Leggi altre domande sui tag