Ne pas confondre … accessibilité numérique et réduction de fracture numérique.

J’ai constaté sur le Net que souvent on amalgame accessibilité numérique et réduction de fracture numérique.Quel intérêt peut avoir l’usager de posséder un équipement s’il ne peut avoir accès au contenu qu’il diffuse?

En tant que tisseuse de toile je programme des sites internet accessibles à tous : toute configuration matérielle, tout handicap / désavantage, …

Pourquoi? pour que chaque internaute usagé de ces sites puisse avoir accès au contenu des pages, et donc au sens du message diffusé. Il faut donc que les pages soient lisibles

• au sens littéral du terme : lire avec les yeux,

• au sens technique, avec un lecteur d’écran, ou un module permettant de vocaliser la page en cours (ex : ReadSpeaker sur la page de la MDPH35 http://www.mdph35.fr/ )

Malheureusement peu de sites s’équipe de tels outils (ils sont payants …), et pourtant ils rendraient bien service non seulement à des usagers souffrant de troubles visuels, mais aussi à ceux souffrant de TSL (Troubles Sévères du Langage), ou encore désavantagés par l’illétrisme.

Le pêle-mêle.

Quand comme moi on parcoure des centaines de pages (ou plus ?) par semaine sur le web , on découvre d’autres gens, pays, idées … parfois je passe un lien via Twitter, pour en faire profiter les autres, mais je ne le fais pas toujours (sinon je serais une spammeuse   et puis on n’a pas toujours envie de partager …).

J’ai décidé de créer cet article, en triant les items par catégorie, et en indiquant la langue de la page. Bon surf.

Lire la suite »

L’accessibilité numérique, ce n’est à mon sens pas seulement avoir accès à l’ensemble des contenus du web, c’est aussi pouvoir interagir avec ces contenus.

Communiquer

Aujourd’hui on entend souvent parler, dans les médias, du souhait de réduire la fracture numérique, et de faire de l’internet un lieu ouvert à tous (pour le meilleur mais aussi pour le pire). Cette ouverture est symbolisée par l’émergence des nouveaux médias sociaux.

Lire la suite »

C’est un peu comme le site en acordéon, là ce sont des onglets qui glissent verticalement, et auxquels on a ajouté un résumé de la page. Voici donc des liens de navigation bien détaillés.

Sur la page de blog de l’auteur (sohtanaka.com), les codes et design pour parvenir au résultat attendu : pour le XHTML, il utilise des éléments de liste (ul, li) et pour entrer ses descriptions. Côté Css, {a: hover} et {span}.

Bref, encore une fois que de l’ultra-simple … tant mieux car c’est en plus totalement valide W3C.

Je ne dis qu’ une chose : encore !

Qui ne s’est jamais énervé après des <div> à coins ronds qui ne voulaient rien savoir ?

En voici ( cssglobe.com ) réalisés tout en Css, images et <div>; j’ai testé sous Firefox et Internet Explorer … çà passe.

Visuel élégant, codage ultra-simple. Les coins semblent se charger moins vite sous IE.

Cerise sur le gâteau, le code est totalement valide. Que du bonheur.

J’ai trouvé sur le site de l’auteur (cssnewbie.com) comment créer un effet d’accordéon avec les pages d’un site (ou avec les onglets d’un menu).

En fait, grâce au Css, la page sélectionnée s’affiche et place les autres en retrait. Astucieux.

Cet accordéon se décline horizontalement ou verticalement, et intégré dans un design de site, l’effet est garanti. La translation des pages est un peu plus brutale qu’ avec du flash c’est sûr, mais c’est du Css.

Le site est en anglais, assez (trop!) fourni, il faut prendre le temps de chercher dans les items … il y a des idées à exploiter, alors bon surf !

J’ai trouvé sur webdesignerwall.com (ce site) un article expliquant comment réaliser des gradients sur du texte avec le Css. Effets garantis.

« Sans Photoshop, ni Javascript, ni Flash, avec une image ping (.png), il suffit d’une simple balise <span> vide dans l’en-tête , utiliser {background image} et sa propriété {position:absolute}. Testé avec la plupart des navigateurs. » (Traduction; voir l’article d’origine)

Vous trouverez sur le site, en téléchargement, les sources pour les réaliser (j’ai testé en local sous Firefox : çà marche )

J’utilise aussi le livre de Jean ENGELS : XHTML et CSS, cours et exercices – Février 2006 (site de l’éditeur).

508 pages pour passer du HTML au XHTML, ou comment remplacer ses tableaux et anciennes balises par du CSS.

Chaque point est expliqué, appuyé par des lignes de code commentées. A première vue complexe, cet ouvrage permet d’apprendre progressivement à changer ses habitudes de programmation.

L’auteur est enseignant en mathématiques et concepteur de sites web pour PME.

Les compétences des dys sont difficiles à évaluer. Ils ont du mal avec la traditionnelle épreuve écrite (dyspraxie) et après lecture des énoncés, les réponses ne sont parfois pas celles attendues (dyslexie) …

J’ai cherché sur internet des modèles d’évaluations pour ma fille, et j’ai trouvé ces ressources: versions adaptées de l’évaluation Nationale, déclinées en CE1 et CM1;

Les énoncés sont clairs, les exercices parfois présentés au format Didapages, mais surtout les grilles réservées aux enseignants sont livrées avec des explications sur la dyspraxie, qui facilitent la compréhension de cette pathologie.

Un grand merci pour cet effort.

Ma fille a obtenu de très bons scores aux épreuves de Ce1; sur la version classique (papier), c’était catastrophique.

Didapages est un logiciel gratuit qui permet de créer ses propres supports de cours et d’évaluation, et de les présenter sous forme ludique et interactive …

Les connaisseurs seront d’accord avec cette courte présentation. Et vous, vous connaissez ?

L’essentiel

Le logiciel

Il permet de créer et de lire des livres interactifs. Cet outil me semble incontournable avec des apprenants souffrant de troubles du langage.

• Interactif : les pages se tournent, les items se déplacent, on peut insérer des sons, des images, …
• Facile : une fois installé, il n’y a rien de compliqué à faire.
• Gratuit !
• Illimité : contenus variables à l’infini …

Lire la suite »