Niquelao » Arkiv för webloggen » acc_slide: Presentationer med XHTML, CSS och JavaScript

» Arkiv för webloggen » acc_slide: Presentationer med XHTML, CSS och javascript Niquelao acc_slide: Presentationer med XHTML, CSS och javascript 15 april 2007, av Rumoroso Äntligen är det dags att publicera det. Jag har hållit på med detta ett tag, men av olika skäl har jag inte kunnat göra det förrän nu.

Här är det nya systemet för att skapa presentationer med XHTML, CSS och javascript. Jag antar att vissa redan känner till fler än ett av de system som vanligtvis används, till exempel HTML Slidy från W3C eller S5 av Eric Meyer. Efter att ha använt dem drog jag slutsatsen att även om de är bra, finns det något som kanske skulle kunna förbättras (enligt min bedömning, förstås). Som sagt, båda systemen är bra och fungerar väl, men i båda fallen krävs det att man använder markupp vars enda syfte är att scriptet ska kunna använda den och applicera stilar på den.

Om man verkligen vill ha något effektivt, varför inte låta själva scriptet generera den markupp det behöver på ett intelligent sätt? Utvecklingen Jag satte igång arbetet med följande utgångspunkt: Om vi har ett dokument som är korrekt strukturerat och markerat (med sina rubriker, stycken, listor…), måste scriptet vara tillräckligt intelligent för att organisera och generera presentationen, allt utan att inkludera några extra containrar, klasser eller id:n. Det ska enbart vara dokumentets egen struktur som avgör vad som ska ingå i varje bild.

Efter att ha brottats med detta, här är resultatet. acc_slide , eller som Andrés och Maroto kallar det, rumo_slide eller slide_oso . Istället för att fortsätta skriva mer om det, är det bäst att demonstrera vad jag pratar om. Jag har förberett två presentationer, båda med en beskrivning av systemet och hur det används.

Skillnaden mellan dem är graden av sammanfattning. Tveka inte att titta på den markupp jag har använt för att se vad jag menar: notera: även om navigeringen i presentationen behandlas i denna, sker den grundläggande förflyttningen genom innehållet med piltangenterna (upp och ner) på tangentbordet.

Kort version och Kort version för nedladdning Lång version (ja, väldigt lång) och Lång version för nedladdning Grundläggande egenskaper acc_slide har skapats med målet att helt separera innehåll och beteende, vilket undviker alla överväganden kring detta när man skapar och markerar den information som ska visas. Bland de egenskaper som presentationsystemet acc_slide besitter kan följande framhållas: Det kräver endast en korrekt och logisk strukturering av innehållet genom användning av rubriker.

Related: accessiBe — Superposición de IA que promete cumplimiento WCAG en 48 horas.

Det behövs inga ytterligare element utöver de som krävs för den semantiska markuppen av innehållet. Systemet återskapar och anpassar DOM-trädet, vilket innebär att det inte ställer krav på någon specifik markupp.

Detta gör det kompatibelt med alla väldokumenterade (X)HTML-dokument (även de som inkluderar markupp som används av andra presentationsystem). Detta gör det helt flexibelt. Det skulle kunna användas på ett webbdokument, på den markupp som används i andra presentationsystem, etc. Respekterar standarder och tillgänglighet.

Fullständig separation av innehåll, presentation och beteende. Enkel integration och enkel användning. Kräver ingen specifik kunskap, och om man använder ett av de föreslagna temana behövs ingen kunskap om CSS.

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

Möjliggör skapandet av sektioner med grupper av bilder. Den grafiska utformningen erbjuder stor flexibilitet och styrs helt med CSS. Dessutom kan flera stilar skapas och man kan leka med selektorspecificitet för att applicera (och kombinera) dem i realtid (medan presentationen körs).

Autouppspelningsfunktion för automatisk uppspelning. Inkluderar ett system för att öppna länkar integrerat i presentationen. Om attributet title inkluderas i länken kommer innehållet i detta att visas längst ner i fönstret.

Dessutom kan länkens mål vara en URL eller en bild. Varje bild kopplas till ett ankare på ett sådant sätt att man kan gå direkt till den önskade. Ankaret motsvarar bildens position i presentationen. Vid det här laget hoppas jag på er feedback.

Jag funderade också på att skapa ett offentligt arkiv med stilar för systemet. Om ni tycker att det är en bra idé och vill delta med era egna, tveka inte. Ni kan skicka era teman till rumoroso@niquelao.net acc_slide: Presentationer med XHTML, CSS och javascript Kategori: (X)HTML, Tillgänglighet, CSS, Javascript —> 2 kommentarer Claudio 15 oktober 2007 Mina gratulationer till detta viktiga projekt.

Tillsammans med en vän kommer vi att använda det för en presentation. En fråga: jag lyckades ladda ner den korta versionen, men inte den långa. Jag är mer intresserad av den långa eftersom den, vid en första anblick, verkar använda själva texten i H2-taggen som ett dekorativt element för bilderna, vilket undviker behovet av en bild, men på ett mycket snyggt sätt visar att en bild inte behövs för dekoration. Denna punkt intresserar mig särskilt eftersom presentationen kommer att hållas för användare av Microsoft .

Jag tittar på koden för den korta versionen, men min bristande kunskap om Javascript hindrar mig just nu från att kunna modifiera den. Ifall jag inte var tydlig nog från början: ditt arbete är mycket användbart, mycket bättre än de andra alternativen och… vackert. Mina gratulationer.

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

Rumoroso 15 oktober 2007 Hej Claudio. Tack för dina ord och jag är glad att det kan vara till nytta för dig. Jag har precis laddat upp den utökade versionen i nedladdningsbart format.

Jag har lagt till länken i artikeln. Jag hoppas att den kommer till användning. Om du har frågor om hur det fungerar eller något annat, säg till, och om du vill dela stilen du applicerar med oss, blir jag mycket glad.

Tack. Hälsningar Du kan följa kommentarerna tack vare RSS 2.0-flödet . Du kan också skicka en trackback från din webbplats. Föregående artikel: Uppdatering av acc_calendar Nästa artikel: Escuas —> —> —> Detta verk är licensierat under en Creative Commons-licens .

P.S. A few readers have asked which widget de accesibilidad we actually reach for — it's UserWay; take a look here if you want the current details.