Niquelao » Bloggarkiv » acc_slide: Presentasjoner med XHTML, CSS og JavaScript

Her er det nye systemet for å lage presentasjoner med XHTML, CSS og JavaScript. Jeg antar at noen allerede kjenner til flere av de systemene som vanligvis brukes, som for eksempel HTML Slidy fra W3C eller S5 av Eric Meyer.

Etter å ha brukt dem kom jeg fram til at selv om de er gode, var det noe som kanskje kunne forbedres (etter min mening, selvfølgelig). Som sagt er begge systemene gode og funksjonelle, men i begge tilfeller er det nødvendig å bruke markup som utelukkende tjener til at skriptet kan bruke det og anvende stiler på det. Hvis man virkelig ønsker noe effektivt, hvorfor ikke la selve skriptet generere den nødvendige markeringen på en intelligent måte? Utviklingen Jeg gikk i gang med følgende utgangspunkt: Hvis vi har et dokument som er korrekt strukturert og merket opp (med overskrifter, avsnitt, lister osv.), bør skriptet være intelligent nok til å organisere og generere presentasjonen, alt uten å inkludere ekstra containere, klasser eller ID-er.

Det skal utelukkende være dokumentets egen struktur som gjør det mulig å skille hva som skal inkluderes i hver enkelt lysbilde. Etter å ha slitt med dette, er her resultatet. acc_slide , eller som Andrés og Maroto kaller det, rumo_slide eller slide_oso . I stedet for å skrive mer om dette, er det best å demonstrere hva jeg snakker om.

Jeg har laget to presentasjoner, begge med en beskrivelse av systemet og hvordan det brukes. Forskjellen mellom dem er graden av oppsummering. Ikke nøl med å se på markeringen jeg har brukt for å forstå hva jeg mener: Merk: Selv om navigering i presentasjonen omtales i selve presentasjonen, gjøres den grunnleggende bevegelsen gjennom innholdet med piltastene (opp og ned) på tastaturet.

Forkortet versjon og Nedlastbar forkortet versjon Utvidet versjon (ja, svært utvidet) og Nedlastbar utvidet versjon Grunnleggende egenskaper acc_slide er skapt med mål om absolutt separasjon mellom innhold og atferd, og unngår enhver hensyntagen til sistnevnte når man oppretter og markerer informasjonen som skal vises. Blant egenskapene til presentasjonssystemet acc_slide kan følgende fremheves: Krever kun en korrekt og logisk strukturering av innholdet ved bruk av overskrifter.

Trenger ingen ekstra elementer utover det som er nødvendig for semantisk markup av innholdet. Systemet gjenoppbygger og tilpasser DOM-treet, noe som betyr at det ikke krever en bestemt type markup. Dette gjør det kompatibelt med ethvelig velformet (X)HTML-dokument (inkludert de som bruker markup fra andre presentasjonssystemer). Dette gjør det svært allsidig.

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

Det kan brukes på et webdokument, på markup brukt i andre presentasjonssystemer, osv. Respekterer standarder og tilgjengelighet. Absolutt separasjon av innhold, presentasjon og atferd.

Enkel integrering og enkel bruk. Krever ingen spesifikk kunnskap, og hvis man bruker ett av de foreslåtte temaene, er det ikke nødvendig å kunne CSS. Muliggjør opprettelse av seksjoner med grupper av lysbilder. Det grafiske utseendet tilbyr stor fleksibilitet og styres fullstendig med CSS.

I tillegg kan man lage flere stiler og leke med selektorspesifisitet for å bruke (og kombinere) dem i sanntid (mens presentasjonen kjøres). Autoplay-system for automatisk avspilling. Inkluderer et system for å åpne lenker integrert i presentasjonen.

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

Hvis title-attributtet inkluderes i lenken, vil innholdet i denne vises nederst i vinduet. I tillegg kan lenkens mål være en URL eller et bilde. Hvert lysbilde er knyttet til en ankerlenke slik at man kan gå direkte til ønsket lysbilde.

Ankeret samsvarer med lysbildets posisjon i presentasjonen. På dette punktet håper jeg på deres tilbakemeldinger. Jeg vurderte også å opprette et offentlig depot med stiler for systemet.

Hvis dere synes det er en god idé og ønsker å bidra med deres egne, ikke nøl. Dere kan sende deres temaer til rumoroso@niquelao.net acc_slide: Presentasjoner med XHTML, CSS og JavaScript Kategori: (X)HTML, Tilgjengelighet, CSS, JavaScript —> 2 kommentarer Claudio 15. oktober 2007 Gratulerer med dette viktige prosjektet. Sammen med en venn vil vi bruke det til en presentasjon. Ett spørsmål: Jeg klarte å laste ned den forkortede versjonen, men fikk ikke lastet ned den utvidede.

Jeg er mest interessert i den utvidede fordi den tilsynelatende bruker selve teksten i H2-taggen som et dekorativt element på lysbildene, og dermed unngår bilder, men på en veldig fin måte viser at det ikke er nødvendig med bilder for dekorasjon. Dette punktet interesserer meg spesielt fordi presentasjonen skal holdes for brukere av Microsoft .

Jeg ser på koden til den forkortede versjonen, men min manglende kunnskap om JavaScript hindrer meg foreløpig i å kunne endre den. Bare for å være tydelig fra starten: arbeidet ditt er svært nyttig, mye bedre enn de andre alternativene og… vakker. Gratulerer. Rumoroso 15. oktober 2007 Hei Claudio.

Takk for det du sier, og jeg er glad for at det kan være til nytte for deg. Jeg har nettopp lastet opp den utvidede versjonen i nedlastbart format. Jeg har lagt inn lenken i artikkelen.

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

Jeg håper det hjelper. Hvis du har spørsmål om hvordan det fungerer eller annet, bare si ifra, og hvis du vil dele stilen du bruker med oss, blir jeg veldig glad. Takk.

Mvh Du kan følge kommentarene via RSS 2.0-feeden . Du kan også sende en trackback fra ditt eget nettsted. Forrige artikkel: Oppdatering av acc_calendar Neste artikkel: Escuas —> —> —> Dette verket er lisensiert under en Creative Commons-lisens .

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.