The Theory Behind Progressive Enhancement

Quando si costruisce un sito Web, ci sono alcuni modi per farlo.

Puoi iniziare creando la versione più avanzata del sito con tutti gli script, gli stili e così via, e poi renderlo disponibile nei browser più vecchi attraverso una degradazione graduale, puoi scegliere di ignorare i browser più vecchi, oppure puoi iniziare con un pagina di base e aggiungere script e stili in modo che diventi più funzionale tramite il miglioramento progressivo.

In questa serie, daremo un'occhiata a quest'ultimo.

In primo luogo, daremo un'occhiata alla teoria alla base del miglioramento progressivo. Ma non essere intimidito - non è scienza missilistica. Le regole che dovrai seguire sono semplici.

Perché?

Potresti chiedere: Perché dovrei preoccuparmi con i browser più vecchi? A questo punto, la maggior parte dei principali browser si aggiorna automaticamente.

Innanzitutto, a meno che non si stia creando un'app Web altamente interattiva, è necessario considerare gli utenti disabili. Possono usare screen reader per accedere al tuo sito e questi programmi non leggono stili o interfacce complicate semplicemente perché sarebbe troppo difficile per l'utente capire cosa c'è nella pagina.

Secondo, ci sono ancora persone che disabilitano JavaScript e / o CSS. Ci sono molte ragioni per questo: limiti di larghezza di banda, connessioni lente e preferenze personali. Alcune persone usano anche browser basati su testo, che possono analizzare una quantità limitata di CSS, ma ignorano JavaScript.

Successivamente, renderà il tuo codice più gestibile. Probabilmente avrai più codice HTML semantico. Sarai in grado di rivisitarlo in futuro e capire facilmente cosa sta succedendo con il markup, gli stili e gli script.

Infine, è importante ricordare che ci sono ambienti che non consentono agli utenti di installare o aggiornare alcun software, incluso il browser web (questo è popolare nelle grandi aziende).

E se non sei ancora convinto, alcuni paesi hanno persino legiferato leggi appropriate, costringendo gli sviluppatori web a rendere i loro siti accessibili agli utenti disabili (ad esempio, il Regno Unito).

Principi di base

Ora esaminiamo le regole di base per la creazione di siti Web utilizzando il miglioramento progressivo.

Il contenuto di base dovrebbe essere accessibile a tutti i browser Web

Questo sembra abbastanza semplice se comprendi il contesto in cui viene utilizzata la parola "contenuto".

Qui, "content" è l'informazione che vuoi che l'utente riceva nella sua forma più semplice: il testo. Intestazioni, annotazioni, collegamenti, paragrafi e simili vanno bene, ma le immagini, la musica, le animazioni non sono il contenuto di cui stiamo parlando qui (e dovrebbero essere descritte correttamente usando alt e titolo attributi).

Ora una parola sull'aspetto "accessibile": non solo tutti i browser Web possono visualizzare i contenuti, ma devono visualizzarli in un formato leggibile. Quindi, scaricare tutto il testo in un singolo paragrafo senza formattazione è una cattiva idea.

Le funzionalità di base dovrebbero essere accessibili a tutti i browser Web

Ciò significa che se nella pagina è presente un'ancora o un pulsante, l'utente dovrebbe comunque essere in grado di navigare nel contenuto. Non importa se lui / lei sta utilizzando l'ultima versione di Chrome o una versione precedente di Internet Explorer.

La marcatura semantica contiene tutto il contenuto

Questo punto richiede più pianificazione soprattutto quando si tratta di creare disegni elaborati. Ti costringe a mettere il tuo contenuto in tag HTML di base con il minor numero possibile di questi. Ciò significa che non possiamo nidificare una dozzina di