Niquelao » Weblog-arkiv » acc_slide: Præsentationer med XHTML, CSS og JavaScript

Her er det nye system til at skabe præsentationer med XHTML, CSS og javascript. Jeg formoder, at nogle allerede kender flere af de systemer, der normalt bruges, såsom HTML Slidy fra W3C eller S5 af Eric Meyer.

Efter at have brugt dem nåede jeg frem til den konklusion, at selvom de er gode, var der noget, der måske kunne forbedres (efter min mening, selvfølgelig). Som nævnt er begge systemer gode og brugbare, men i begge tilfælde er det nødvendigt at anvende markup, hvis eneste formål er at blive brugt af scriptet til at anvende stile på det. Hvis man virkelig ønsker noget effektivt, hvorfor så ikke lade selve scriptet generere den markup, det har brug for, på en intelligent måde? Udviklingen Jeg gik i gang med følgende udgangspunkt: Hvis vi har et dokument, der er korrekt struktureret og markeret (med overskrifter, afsnit, lister osv.), skal scriptet være intelligent nok til at organisere og generere præsentationen, alt sammen uden at inkludere yderligere containere, klasser eller id’er.

Det skal udelukkende være selve dokumentstrukturen, der gør det muligt at skelne mellem, hvad der skal inkluderes i hvert enkelt dias. Efter at have kæmpet med det, er her resultatet. acc_slide , eller som Andrés og Maroto kalder det, rumo_slide eller slide_oso . I stedet for at fortsætte med at skrive mere om det, er det bedst at demonstrere, hvad jeg taler om.

Jeg har udarbejdet to præsentationer, begge med en beskrivelse af systemet og dets anvendelse. Forskellen mellem de to er graden af opsummering. Tøv ikke med at kigge på den markup, jeg har brugt, for at se, hvad jeg taler om: bemærk: Selvom måden at navigere i præsentationen på behandles i selve præsentationen, sker den grundlæggende bevægelse gennem indholdet med piletasterne (op og ned) på tastaturet.

Forkortet version og Downloadbar forkortet version Udvidet version (ja, meget udvidet) og Downloadbar udvidet version Grundlæggende funktioner acc_slide er skabt med det mål at opnå en absolut adskillelse mellem indhold og adfærd, hvilket undgår enhver overvejelse om dette ved oprettelse og markering af de oplysninger, der ønskes vist. Blandt de funktioner, som præsentationssystemet acc_slide besidder, kan følgende fremhæves: Det kræver udelukkende en korrekt og logisk strukturering af indholdet ved brug af overskrifter.

Det behøver ingen yderligere elementer ud over dem, der er nødvendige for den semantiske markering af indholdet. Systemet genopbygger og tilpasser DOM-træet, hvilket betyder, at det ikke pålægger behovet for en specifik markup. Dette gør det kompatibelt med ethvert velfungerende (X)HTML-dokument (også dem, der inkluderer markup brugt af andre præsentationssystemer). Dette gør det fuldstændigt alsidigt.

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

Det kunne bruges på et webdokument, på markup brugt i andre præsentationssystemer osv. Respekterer standarder og tilgængelighed. Absolut adskillelse af indhold, præsentation og adfærd.

Nem integration og nem anvendelse. Kræver ingen specifik viden, og hvis man bruger et af de foreslåede temaer, er det ikke nødvendigt at kende CSS. Gør det muligt at oprette sektioner med grupper af dias. Det grafiske udtryk tilbyder stor alsidighed og styres fuldt ud med CSS.

Derudover kan der oprettes flere stile, og man kan lege med selektorspecificitet for at anvende (og kombinere) dem live (mens præsentationen køres). Autoplay-system til automatisk afspilning. Indeholder et system til at åbne links integreret i præsentationen.

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

Hvis attributten title inkluderes i linket, vises indholdet heraf nederst i vinduet. Desuden kan linkets destination være en URL eller et billede. Hvert dias er knyttet til et anker, således at man kan gå direkte til det ønskede.

Ankeret svarer til diasets position i præsentationen. På dette punkt håber jeg på jeres feedback. Jeg overvejede også at oprette et offentligt lager af stile til systemet.

Hvis I synes, det er en god idé, og gerne vil bidrage med jeres egne, så tøv ikke. I kan sende jeres temaer til rumoroso@niquelao.net acc_slide: Præsentationer med XHTML, CSS og javascript Kategori: (X)HTML, Tilgængelighed, CSS, Javascript —> 2 kommentarer Claudio 15. oktober 2007 Mine lykønskninger med dette vigtige foretagende. Sammen med en ven vil vi bruge det til en præsentation. Et spørgsmål: Jeg kunne downloade den forkortede version, men det lykkedes mig ikke med den udvidede.

Jeg er mere interesseret i den udvidede, fordi den tilsyneladende bruger selve teksten i H2-mærket som et dekorativt element på diassene, hvilket undgår billedet, men på en meget smuk måde demonstrerer, at det ikke er nødvendigt med et billede for at dekorere. Dette punkt interesserer mig særligt, fordi præsentationen vil være for brugere af Microsoft .

Jeg ser på koden til den forkortede version, men min manglende viden om Javascript forhindrer mig foreløbig i at kunne modificere den. Hvis jeg ikke gjorde det klart fra starten: Dit arbejde er til stor nytte, meget bedre end de andre muligheder og… smukt. Mine lykønskninger. Rumoroso 15. oktober 2007 Hej Claudio.

Tak for dine ord, og jeg er glad for, at det kan være til nytte for dig. Jeg har lige uploadet den udvidede version i downloadbart format. Jeg har lagt linket i artiklen.

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

Jeg håber, det kan bruges. Hvis du har spørgsmål om, hvordan det fungerer, eller andet, så sig til, og hvis du vil dele den stil, du anvender, med os, bliver jeg meget glad. Tak.

Mange hilsner Du kan følge kommentarerne via RSS 2.0 feedet . Du kan også sende et trackback fra dit eget site. Forrige artikel: Opdatering af acc_calendar Næste artikel: Escuas —> —> —> Dette værk er licenseret 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.