Quando si progetta e si costruisce l'interfaccia utente per un'applicazione che utilizza AJAX, quando si considera degradazione graduale (per utenti con JavaScript disabilitato o che utilizzano uno screen reader)?Grado di deterioramento gradevole - quando considerare
Oggigiorno, Progressive Enhancement è generalmente preferiti Graceful Degradation - cioè l'approccio esattamente opposto.
Il metodo che sto impiegando finora è quello di scrivere in modo che funzioni senza javascript quindi aggiungere il javascript in cima.
È davvero il rovescio della grazia degradazione, è un accento sul miglioramento della pagina come il browser e le impostazioni consentono.
degrado Graceful può descrivere due cose:
1) Si tratta di un comportamento (di solito un sito web o webapp), che permette al sito di continuare a funzionare quando alcune funzioni sono disabilitate (ad esempio Javascript, CSS).
2) Si tratta di un approccio che costruisce l'applicazione per lavorare con campane e fischietti accesi, e quindi in seguito le correzioni sono imbullonate per farlo funzionare senza detti noisemakers.
Suppongo che tu stia chiedendo se usare o meno quest'ultimo per ottenere il primo. Suggerirei sicuramente di ottenere 1), come chiunque stia navigando con Javascript disattivato (ad esempio un sacco di persone con indizi informatici, chi usa i browser basati su testo, chi usa i supporti per la disabilità) non sarà altrimenti in grado di utilizzare il sito.
Quanto a come farlo, A List Apart hanno un grande articolo su Progressive Enhancement che vale la pena guardare, dove si costruisce il sito a lavorare in fondo prima, e poi si aggiunge l'AJAX ecc dopo. Preferisco questo approccio perché dà all'app una solida base su cui lavorare, con sicurezza e funzionalità decenti sin dall'inizio. I miglioramenti futuri possono essere apportati a livello di base e quindi aggiunti al livello AJAX; senza il primo, è più difficile aggiungere componenti in modo graduale all'app in futuro.
Ad ogni modo, goditi l'articolo e se vuoi saperne di più su queste cose in generale, A List Apart è un ottimo sito!
Jeremy Keith riassume l'argomento per Progressive Enhancement con il suo articolo Hijax.
In genere, io uso il seguente codice di applicare dinamicamente una classe di "js" per l'elemento HTML di indirizzare i browser JS abilitati
<script type="text/javascript">if(h=document.documentElement)h.className+=" js"</script>