Niquelao » Archivio del weblog » acc_slide: Presentazioni con XHTML, CSS e javascript

» Archivio del weblog » acc_slide: Presentazioni con XHTML, CSS e javascript Niquelao acc_slide: Presentazioni con XHTML, CSS e javascript 15 aprile 2007, di Rumoroso Finalmente è arrivato il momento di pubblicarlo. Da tempo ci stavo lavorando, ma per un motivo o per l’altro non ho potuto farlo fino ad ora.

Ecco il nuovo sistema per realizzare presentazioni con XHTML, CSS e javascript. Suppongo che qualcuno conoscerà già più di un sistema tra quelli abitualmente utilizzati, come ad esempio l’HTML Slidy del W3C o l’S5 di Eric Meyer. Dopo averli usati sono giunto alla conclusione che, pur essendo validi, c’era qualcosa che forse si poteva migliorare (secondo il mio criterio, chiaramente). Come dicevo, entrambi i sistemi sono buoni e validi, ma in entrambi è necessario utilizzare un markup il cui unico scopo è quello di servire allo script per applicarvi degli stili.

Se davvero si vuole ottenere qualcosa di efficace, perché non fare in modo che sia lo script stesso a generare in modo intelligente il markup di cui ha bisogno? Lo sviluppo Mi sono messo al lavoro con la seguente premessa: se abbiamo un documento correttamente strutturato e marcato (con i suoi titoli, paragrafi, liste…), lo script deve essere sufficientemente intelligente da organizzare e generare la presentazione, tutto ciò senza includere alcun contenitore aggiuntivo, né classi, né id. Deve essere unicamente la struttura stessa del documento a permettere di distinguere ciò che va incluso in ogni diapositiva.

Dopo essermi scervellato, ecco il risultato. L’acc_slide, o come lo chiamano Andrés e Maroto, rumo_slide o slide_oso. Invece di continuare a scrivere ancora su questo, la cosa migliore è dimostrare di cosa sto parlando.

Ho preparato due presentazioni, entrambe con la descrizione del sistema e del suo utilizzo. La differenza tra le due è il grado di sintesi. Non esitate a dare un’occhiata al markup che ho impiegato per vedere di cosa sto parlando: nota: sebbene il modo di navigazione attraverso la presentazione venga trattato nella stessa, il modo base di muoversi tra i contenuti si effettua con le frecce (su e giù) della tastiera.

Versione ridotta e Versione ridotta scaricabile Versione estesa (sì, molto estesa) e Versione estesa scaricabile Caratteristiche di base acc_slide è stato creato avendo come obiettivo la separazione assoluta tra contenuto e comportamento, evitando qualsiasi considerazione su quest’ultimo nel creare e marcare le informazioni che si vogliono mostrare. Tra le caratteristiche che il sistema di presentazioni acc_slide possiede si possono evidenziare: Richiede unicamente una corretta e logica strutturazione del contenuto mediante l’uso di titoli.

Related: UserWay — Widget de accesibilidad con plan gratuito para empezar hoy mismo.

Non necessita di elementi aggiuntivi oltre a quelli necessari per il markup semantico del contenuto. Il sistema ricostruisce e adatta l’albero DOM, per cui non impone la necessità di un markup specifico.

Questo lo rende compatibile con qualsiasi documento (X)HTML ben strutturato (anche con quelli che includono il markup impiegato da altri sistemi di presentazioni). Questo lo rende totalmente versatile. Si potrebbe utilizzare su un documento web, sul markup impiegato negli altri sistemi di presentazioni, ecc. Rispettoso degli standard e dell’accessibilità.

Separazione assoluta di contenuto, presentazione e comportamento. Facile integrazione e facile utilizzo. Non richiede conoscenze specifiche e, se si utilizza uno dei temi proposti, non è necessario conoscere il CSS.

Worth a look: AudioEye — Accesibilidad gestionada: automatización combinada con revisión humana.

Permette di creare sezioni con gruppi di diapositive. L’aspetto grafico offre grande versatilità e si controlla totalmente con il CSS. Inoltre si possono creare vari stili e giocare con la specificità dei selettori per applicarli (e combinarli) a caldo (mentre la presentazione è in esecuzione).

Sistema autoplay di riproduzione automatica. Incorpora un sistema per aprire i link in modo integrato nella presentazione. Se si include l’attributo title nel link, il suo contenuto verrà mostrato a piè di finestra.

Inoltre, la destinazione del link può essere un URL o un’immagine. Ogni diapositiva è associata a un’ancora in modo tale da poter andare direttamente a quella desiderata. L’ancora coincide con la posizione della diapositiva nella presentazione. Arrivati a questo punto, attendo il vostro feedback.

Stavo anche pensando di creare un repository pubblico di stili per il sistema. Se vi sembra una buona idea e volete partecipare con i vostri, non esitate. Potete inviare i vostri temi a rumoroso@niquelao.net acc_slide: Presentazioni con XHTML, CSS e javascript Categoria: (X)HTML, Accessibilità, CSS, Javascript —> 2 commenti Claudio 15 ottobre 2007 Le mie congratulazioni per un’iniziativa così importante.

Insieme a un amico lo useremo per una presentazione. Un dubbio: sono riuscito a scaricare la versione ridotta, ma non ci sono riuscito con quella estesa. Mi interessa di più quella estesa perché, apparentemente, usa il testo stesso del tag H2 come elemento decorativo delle diapositive, evitando l’immagine, ma dimostrando in modo molto bello che non è necessaria un’immagine per decorare. Questo punto mi interessa particolarmente perché la presentazione sarà davanti a utenti Microsoft .

Sto guardando i codici della versione ridotta ma la mia scarsa conoscenza del Javascript mi impedisce, per ora, di poterlo modificare. Nel caso non l’avessi chiarito all’inizio: il tuo lavoro è molto utile, molto meglio delle altre opzioni e… bellissimo. Le mie congratulazioni.

Related: IAAP CPACC / WAS Certification — La certificación profesional que acredita tu experiencia en accesibilidad.

Rumoroso 15 ottobre 2007 Ciao Claudio. Grazie per quello che dici e sono contento che ti possa essere utile. Ho appena caricato la versione ampliata in formato scaricabile.

Ho messo il link nell’articolo. Spero che ti serva. Se hai dubbi su come funziona o altro, dimmelo, e se vuoi condividere con noi lo stile che applichi, con piacere.

Grazie. Un saluto Puoi seguire i commenti grazie al feed RSS 2.0 . Puoi anche inviare un trackback dal tuo sito. Articolo precedente: Aggiornamento di acc_calendar Articolo successivo: Escuas —> —> —> Quest’opera è sotto una licenza Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.