Niquelao » Arquivo do blog » acc_slide: Apresentações com XHTML, CSS e javascript

» Arquivo do blogue » acc_slide: Apresentações com XHTML, CSS e javascript Niquelao acc_slide: Apresentações com XHTML, CSS e javascript 15 de Abril de 2007, por Rumoroso Finalmente chegou o momento de o publicar. Há já algum tempo que andava nisto, mas por uma razão ou outra não o pude fazer até agora.

Aqui está o novo sistema para realizar apresentações com XHTML, CSS e javascript. Suponho que alguns já conhecerão mais do que um sistema dos que habitualmente se utilizam, como por exemplo o HTML Slidy do W3C ou o S5 de Eric Meyer. Depois de os utilizar, cheguei à conclusão de que, embora bons, havia algo que talvez pudesse ser melhorado (segundo o meu critério, claro). Como disse, ambos os sistemas são bons e válidos, mas em ambos é necessário utilizar marcação cuja única finalidade é servir para que o script a utilize e aplique estilos sobre ela.

Se realmente se quer ter algo eficaz, porque não fazer com que o próprio script gere a marcação de que necessita de forma inteligente? O desenvolvimento Pus mãos à obra com a seguinte premissa: Se temos um documento corretamente estruturado e marcado (com os seus cabeçalhos, parágrafos, listas…), o script deve ser suficientemente inteligente para organizar e gerar a apresentação, tudo isto sem incluir nenhum contentor adicional, nem classes, nem id. Apenas deve ser a própria estrutura do documento a permitir diferenciar o que se deve incluir em cada diapositivo.

Depois de me debater com isto, aqui está o resultado. O acc_slide , ou como o Andrés e o Maroto lhe chamam, rumo_slide ou slide_oso . Em vez de continuar a escrever mais sobre isto, o melhor é demonstrar aquilo de que estou a falar.

Preparei duas apresentações, ambas com a descrição do sistema e da sua utilização. A diferença entre ambas é o grau de resumo. Não hesitem em dar uma vista de olhos à marcação que empreguei para ver aquilo de que estou a falar: nota: embora a forma de navegação pela apresentação seja abordada na mesma, a forma básica de se mover pelos conteúdos realiza-se com as setas (cima e baixo) do teclado.

Versão reduzida e Versão reduzida descarregável Versão extensa (sim, muito extensa) e Versão extensa descarregável Características básicas O acc_slide foi criado tendo como objetivo a separação absoluta entre o conteúdo e o comportamento, evitando qualquer consideração acerca deste ao criar e marcar a informação que se queira mostrar. Entre as características que o sistema de apresentações acc_slide possui, podem destacar-se: Requer apenas uma correta e lógica estruturação do conteúdo mediante o uso de cabeçalhos.

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

Não necessita de elementos adicionais para além dos necessários para a marcação semântica do conteúdo. O sistema reconstrói e adapta a árvore DOM, pelo que não impõe a necessidade de uma marcação concreta.

Isto torna-o compatível com qualquer documento (X)HTML bem estruturado (inclusive com os que incluem a marcação empregue por outros sistemas de apresentações). Isto torna-o totalmente versátil. Poderia utilizar-se sobre um documento web, sobre a marcação empregue nos outros sistemas de apresentações, etc. Respeitador dos padrões e da acessibilidade.

Separação absoluta de conteúdo, apresentação e comportamento. Fácil integração e fácil utilização. Não requer conhecimentos específicos e, se se utilizar um dos temas propostos, não é necessário conhecer CSS.

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

Permite criar secções com grupos de diapositivos. O aspeto gráfico oferece grande versatilidade e controla-se totalmente com CSS. Além disso, podem criar-se vários estilos e jogar com a especificidade do seletor para os aplicar (e combinar) a quente (enquanto a apresentação é executada).

Sistema autoplay de reprodução automática. Incorpora um sistema para abrir ligações de forma integrada na apresentação. Se se incluir o atributo title na ligação, o conteúdo deste será mostrado ao pé da janela.

Além disso, o destino da ligação pode ser um URL ou uma imagem. Cada diapositivo associa-se a uma âncora de tal maneira que se pode ir diretamente ao que se deseje. A âncora coincide com a posição do diapositivo na apresentação. Chegados a este ponto, aguardo o vosso feedback.

Também estava a pensar criar um repositório público de estilos para o sistema. Se vos parecer uma boa ideia e quiserem participar com os vossos, não hesitem. Podem enviar os vossos temas para rumoroso@niquelao.net acc_slide: Apresentações com XHTML, CSS e javascript Categoria: (X)HTML, Acessibilidade, CSS, Javascript —> 2 comentários Claudio 15 de Outubro de 2007 Os meus parabéns por tão importante empreendimento.

Juntamente com um amigo, vamos usá-lo para uma apresentação. Uma dúvida: consegui descarregar a versão reduzida, mas não o consegui com a extensa. Interessa-me mais a extensa porque, aparentemente, usa o próprio texto da etiqueta H2 como elemento decorativo dos diapositivos, evitando a imagem, mas demonstrando de uma forma muito bonita que não é necessária uma imagem para decorar. Este ponto interessa-me especialmente porque a apresentação será perante utilizadores de Microsoft .

Estou a ver os códigos da versão reduzida, mas o meu desconhecimento do Javascript impede-me, por agora, de o poder modificar. Caso não o tenha deixado claro no início: o teu trabalho é de muita utilidade, muito melhor do que as outras opções e… belo. Os meus parabéns.

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

Rumoroso 15 de Outubro de 2007 Olá Claudio. Obrigado pelo que dizes e alegro-me que te possa ser útil. Acabei de carregar a versão ampliada em formato descarregável.

Coloquei a ligação no artigo. Espero que te sirva. Se tiveres dúvidas acerca de como funciona ou algo, diz-me, e se quiseres partilhar connosco o estilo que lhe apliques, com todo o gosto.

Obrigado. Um cumprimento Podes fazer um acompanhamento dos comentários graças ao feed RSS 2.0 . Também podes enviar um trackback do teu site. Artigo anterior: Atualização do acc_calendar Artigo seguinte: Escuas —> —> —> Esta obra está sob uma licença de 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.