Ce site sera plus agréable avec un navigateur supportant les standards du web, mais il est quand même accessible par tous les navigateurs.
Super ! Après avoir fouiné pendant des heures sur le web, vous avez enfin trouvé LE document qu'il vous fallait. Alors vite, vous l'imprimez !
Horreur : le texte sort de la feuille, dans une police à peine lisible. Pour parfaire le tout, vous gaspillez vos cartouches couleur avec l'impression de panneaux de pub disgracieux ou des menus envahissants.
Et comme vous utilisez Internet Explorer qui n'offre pas d'aperçu avant impression (ce qui est pourtant disponible avec Mozilla, Netscape ou Opéra), vous en êtes quitte pour un gaspillage de feuilles de papier et une bonne dose d'agacement.
Ce désagrément est pourtant facilement contournable avec une bonne feuille de style adaptée à l'impression. Il suffit juste que les webmestres prennent quelques minutes à l'écrire.
C'est ce que vous explique Eric Meyer dans cet article nouvellement traduit par pompage.net
Voilà un principe, comme le fait remarquer Laurent, dont feraient bien de s'inspirer les webmestres du site de l'Éducation Nationale pour le B.O.
Heureusement, contrairement à d'autres, je n'en ai que deux (zenfants) !
Mercredi dernier j'accusais Internet Explorer de ne pas proposer d'aperçu avant impression. J'avais tort, du moins pour les versions 5.5 et 6.
Ceci dit, mozilla ou opéra offrent des aperçus bien plus personnalisables et souples ;-)
Vais-je recommander un site en flash ?...
Et bien oui ! Qui l'aurait cru ?
Enfin, "recommander" est un grand mot.
Quand Alain me l'a indiqué, j'ai ricané bien sur. Un moteur de recherche en flash : pffffffff !
Ca ne vaut pas évidemment pas google ou alltheweb pour la pertinence et la rapidité, mais Kartoo (qui existe aussi en version html.... non valide) est effectivement séduisant, surtout pour des enfants.
Il y a d'ailleurs un filtre parental, mais dont je n'ai pas testé l'efficacité.
Son originalité tient dans la présentation des résultats. Plutôt qu'une liste de liens, les résultats se présentent sous forme d'une carte. Pas facile d'expliquer : le plus simple est d'essayer.
Est-ce que je l'utiliserai souvent ? mouarf... : non, car j'attends plus de pertinence dans les résultats. Ici, c'est de voir les sites liés qui est amusant.
Xtof organise le prochain froglog le dimanche 15 décembre. C'est mieux qu'un jeudi soir pour des provinciaux comme moi, mais quand même : rentrer de Paris le dimanche dans la nuit, sachant que déjà à Rouen je me perds... J'avais fait une croix dessus.
Mais voilà que mon gourou me propose de jouer les chauffeurs.... Ahhhhhhh ! Bon, il n'en reste pas moins qu'il faut assurer les cours lundi à partir de 8H30. Cela n'autorise pas une soirée trop longue. Mais c'est tentant, très tentant ;-)
Un wiki en français, valide xhtml et valide css... On en rêve.
Ils le font !
WakkaFr est une adaptation de Wakka, un excellent clone de Wiki en php.
Vous pouvez le récupérer ici : DownloadWakkaFr
David Delon et son équipe recherchent, pour poursuivre ce travail, des contributeurs pour le développement, rapport de bogues, documentation, retour d'expérience ...
Faites passer !
Les journées que je passe à surfer, de sites mathématiques en sites mathématiques, pour trouver des ressources intéressantes pour le café pédagogique sont souvent bien déprimantes.
D'abord parce que les sites proposant des ressources originales et innovantes ne sont pas légion, et ensuite parce que les collègues, pleins de bonne volonté, qui réalisent des sites personnels ou académiques sont d'une ignorance totale en matière de fabrication de pages web.
Et vas-y que je te colle des frames partout, et que je te mets des boutons en flash, et que je te rajoute du menu en java...
Il y a même certains sites sur lesquels je ne vais plus, comme le site de maths de l'académie de Toulouse qui plante systématiquement ma machine.
Mais ce n'est guère étonnant : les webmestres sont des profs "ordinaires" qui se sont essayés un jour dans leur coin à faire des pages web et que les inspecteurs sont venus débaucher.
Ca se passe comme ça chez l'Educ.Nat
Pas étonnant dans ces conditions de voir tout et n'importe quoi et d'avoir l'impression de prêcher dans le désert lorsqu'on parle d'accessibilité. Et encore, lorsqu'on ne vous regarde pas carrément de travers !
Mais depuis cet après-midi, j'ai une bouffée d'espoir. Sur le site de l'académie de Créteil (in-valide et in-accessible), j'ai découvert le rapport d'une collègue de maths qui accueillait dans sa classe deux élèves déficients visuels.
J'ai transmis immédiatement ma découverte à mes co-rédacteurs du café pédagogique, et voici ce que répond une de mes collègues :
>rendre accessible le web aux mal-voyants.
Je prépare un travail sur ce thème, que j'aimerais monter avec les élèves : création d'une charte simplifiée (centrée sur les principes de base) sur l'accessibilité d'un site aux déficients visuels et évaluation de certains sites supposés particulièrement utiles sur leur accessibilité.
Il existe une littérature importante sur ce sujet ( c'est pour cela que je parle de charte allégée) et j'ai pris contact avec un ami maitre-toile (site Euro FM, la radio de tous les handicap,) déficient visuel pour travailler avec lui sur le projet. Nous échangeons par mail grâce à la reconnaissance vocale. Cela m'a toujours fascinée !
[...]
Une de mes collègues sms de l'académie est non voyante, et inscrite à un de mes stages internet, cela devrait aider à enrichir le projet : je compte sur elle pour me donner des pistes...Je pensais aussi qu'un petit article pour le café sur ce thème pourrait se faire. 2003, année européenne des personnes handicapées, on sera dans le mouvement :-)
PS : Euro FM, http://www.eurofmradio.net
voir La NewsLetter d'Euro FM : http://www.eurofmradio.net/sf/newsletter.html et les liens, ...
Autre ressource : http://www.visualfriendly.com/fr/gr/php/VFindex.php?r=4&sr=33
Réaliser un dossier sur ce thème sur le café pédagogique serait un moyen formidable pour initier une prise de conscience chez les acteurs de l'éducation que nous sommes.
I have a dream...
Va d'abord falloir toiletter le café péda...!! :-D
Avant de s'interroger sur l'accessibilité des pages web aux handicapés, on peut se demander ce que fait la société -tout court- pour aider les personnes atteintes d'handicap. Et sur ce plan, l'Éducation Nationale fait fort...
Voici le cas sidérant de deux élèves. Pour des raisons de confidentialité, la section et le nom des élèves sont changés.
Le premier, Thomas, a eu dernièrement un accident de scooter : genou broyé.
Thomas a 16 ans, sort de 3ème technologique, habite à 50 km d'Évreux chez sa maman dont le contrat CES vient d'être arrêté. Je passe sur les problèmes financiers et administratifs que cette dame rencontre pour élever ses 4 enfants...
Les jeunes sortant de 3ème T ne peuvent que très rarement reprendre une seconde dite "classique". Pour certains métiers, seul le BEP est possible, il était donc normal qu'il se retrouve chez nous en seconde BEP XXX. Personne, auparavant, ne lui a dit que le délabrement de son genou risquait de rendre impossible ces études. Et c'est là que cela devient scandaleux.
Le médecin scolaire repère très vite ce problème. Début octobre, on lui dit qu'il va devoir changer d'orientation... Et le temps passe, passe, passe...
Thomas continue à se lever aux aurores tous les jours pour venir dans un lycée dont il ne peut suivre l'essentiel des cours : l'atelier lui est interdit. J'ai beau presser, chaque semaine, mon proviseur adjoint (qui fait ce qu'il peut de son côté) pour débloquer la situation, le dossier reste coincé dans un bureau de l'I.A.
Hier, enfin, une solution est proposée : il va être inscrit au C.N.E.D et une aide à domicile va lui être apportée. Mais toujours pour un BEP XXX !
Entre temps, comme il n'a pas pu faire ses 4 séances de rééducation hebdomadaires à cause des ses journées passées à Évreux pour rien, l'état de son genou a empiré...
On dit "Merci le Mammouth" !
Le cas de Steve, 16 ans, est peut-être encore pire.
C'est en décembre dernier que Steve a eu, lui aussi, un accident de scooter.
Sa route a croisé celle d'un conducteur ivre. Bilan : trois mois de réanimation, cassé de partout, grave traumatisme crânien, il perd aussi son acuité visuelle, son audition, et se retrouve avec d'importants problèmes de mémoire. Bref : la totale.
Mais Steve est volontaire et la XXX est sa passion, il veut aller jusqu'en bac pro.
Ses problèmes de santé, il en parle bien sûr, mais sans étalage, juste pour expliquer son attitude parfois "lunaire". On l'excuse.
Comme sa motricité n'est, miraculeusement, pas aussi atteinte que celle de Thomas, il n'a pas de dispense d'atelier. Nous (les enseignants de l'équipe) avions donc tendance, sans informations complètes de son état de santé, à le considérer comme un élève "normal".
Erreur ! On vient de lui signifier que sa perte d'audition et sa mauvaise vue ne peuvent lui permettre de poursuivre en XXX. Mais il ne peut pas faire autre-chose non plus !
Steve est atterré : "Ils" sont fous !
, me dit-il, je veux continuer ici : j'y suis bien ! Je vais bien !
Je ne sais pas comment va évoluer cette histoire. Mais d'ors et déjà, je suis sidérée devant la tournure des événements.
Pourquoi ne l'a t-on pas mis en garde plus tôt de cette éventualité ? Comment se fait-il qu'on l'ait laissé s'orienter vers une filière professionnelle ? Pourquoi ne découvre-t-on que maintenant, mi-novembre, qu'il ne peut continuer dans cette voie ?
Seulement 16 ans, et déjà tant de blessures physiques et psychologiques... Ont-ils vraiment besoin qu'on en rajoute ? Qui est responsable de ces lenteurs ? de ces négligences ? Je ne sais pas. Mais à ce stade c'est proprement inqualifiable.
"Merci le Mammouth".
Karl nous prend par la main sous son arbre pour construire un fil rss.
Comme d'habitude, c'est clair, bien fait... et en plus poétique.
Vite, vite... le jour 3 ! Et tu n'oublieras pas de nous expliquer à quoi ça sert, hein ?
Tristan nous avait promis de mettre à disposition d'autres designs à fond clair pour son site.
Voilà qui est fait ! Merci Tristan car je fais effectivement partie de ces gens dont l'écriture claire sur fond noir a tendance à donner mal au crâne.
J'ai choisi la version blanche simple, car j'adoooore tes bulles de savons.
En échange, promis : dès que j'ai un peu de temps, je t'offrirai un MammouthLand contrasté ;-)
Pendant que Stéphane, Tristan et Karl (sus-nommés) discutent ferme sur les problèmes d'accessibilité liés aux tableaux, L'atelier CSS recense les différentes façons de faire des mises en pages css à 2, 3, 4 colonnes.
Clair et bien fait sur la didactique, on peut quand même regretter que l'auteur n'ait pas mis le même soin à écrire son code html...
Décidément, la non-validité des sites gouvernementaux français fait couler beaucoup d'encre (tant mieux).
Tristan (toujours lui), enrage ce matin en lisant dans ZDnet que la responsable technique de trois des sites incriminés aurait déclaré : Mais le problème est que le W3C est en train de revoir ses normes et que ceci ne sera peut-être plus valable dans un mois
.
Laurent en remet une couche sur ZDnet dont les pages ne sont pas valides non plus
Et voilà maintenant que la discussion fait rage sur Linuxfr.org.
On y trouve, entre autre, le post initial par lequel le scandale est arrivé, et surtout la réponse de Laurence de Suzanne qui a tellement mis en colère Tristan.
Ses propos sont beaucoup plus cohérents et responsables que les bribes rapportées par ZDnet !
Comme quoi, il faut toujours faire attention avec les journalistes...
Petite astuce css amusante et pratique, mais attention qui ne fonctionne pas encore avec IE ! Il ne faut donc l'utiliser pour l'instant que pour des choses peu importantes.
Avec les pseudo classes :before et :after, on peut automatiser l'inclusion de caractères ou d'images.
Je désire, pour indiquer une astuce, qu'une petite image d'ampoule soit présente devant la mention "Astuce" pour la mettre plus en valeur.
De façon classique, ceci pourrait donner cela :
<p style="color:red; font-weight:bold"> <img scr="images/lightmov.gif" style="width:20px;height:27px" alt="" /> Astuce ! </p>
Astuce !
Mais comme je donne beaucoup d'astuces (sic !), je trouve cette opération répétitive un peu pénible, sans compter que cela alourdit le poids de la page.
C'est là que le css prend le relais.
Pour automatiser l'inclusion de l'image et, soyons fainéant jusqu'au bout, le point d'exclamation, j'inscris donc cela dans ma feuille de style :
.astuce { color:red; font-weight:bold; background-color:transparent; } .astuce:before {content:url(images/lightmov.gif)} .astuce:after {content:" ! "}
Puis dans la page html :
<p class="astuce"> Astuce</p>
Astuce
Évidemment, si vous regardez ceci avec IE, vous ne voyez ni l'ampoule ni le point d'exclamation. Il vous faut au minimum Netscape 6, Opéra 6 ou Mozilla pour en profiter.
A vous de choisir : coder des lignes superflues qui encombreront la bande passante ou profiter pleinement des standards ;-).
Oui Biz, je suis pour la css-mania ;-p
| Index | Archives | « Octobre | Décembre » |