Blog Webatou, le Web accessible à tous

Aller au contenu | Aller au menu | Aller à la recherche

dimanche 24 juin 2007

k-html, à adopter sans tarder

Vous êtes un adepte des éditeurs texte pour coder vos pages Web ? La plupart, comme Notepad++, disposent de fonctions pour vous faciliter la tâche... avec k-html le petit logiciel libre développé par Normand Lamoureux, vous irez encore beaucoup plus vite !

Voilà un extrait de l'annonce que Normand vient de publier sur la liste W3Québec

K-html facilite la mise en forme des tableaux, listes, liens, formulaires, citations, etc. Avec lui, on peut baliser un texte, l'entourer de guillemets ou de parenthèses, créer une nouvelle ligne indentée, transformer une énumération verticale en une liste balisée, insérer des caractères spéciaux, lancer une instance du navigateur Web de son choix, etc

Evidemment j'ai aussitôt installé et testé le logiciel... magique !

Un exemple, je tape simplement Verr.Maj + Espace et le squelette (conforme, cela va sans dire) de ma future page en XHTML 1.0 Strict s'écrit tout seul sous mes yeux :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title></title>
<meta http-equiv="content-style-type" content="text/css" />

</head>
<body>

</body>
</html>

Mais vous pouvez modifier les paramètres et utiliser le squelette de votre choix.

Quelques raccourcis clavier à mémoriser en fonction de vos besoins et de vos habitudes de codage et... enjoy !

Merci Normand :)

Un utilisateur

(Mise à jour du 28 juin 2007, suite au commentaire de Jérôme)

Ce mardi, après la table ronde de Blog en Nord, j'ai eu le plaisir de rencontrer Jérôme, un étudiant d'Eric Decroix qui le présente ainsi :

"Il" est un étudiant "lourdement" handicapé (il a des difficultés à se déplacer, à parler, à taper au clavier...) qui effectue ses études à l'IDIST. L'objectif du blog de ces handicapés est de «faire une critique de l'intérieur permettant aux valides de mieux apprécier notre quotidien», sans se plaindre de leur sort comme il est dit dans leur premier texte.

Jérôme participe à un blog collectif que je vous recommande, Les Playmobil Estropiés & Associés, dont le nom reflète bien le ton satyrique et humoristique pour une vision alternative du handicap.

Ne ratez surtout pas le billet L'année se termine.... sur l'accessibilité publié en réponse à celui d'Eric, Accessibilité au coeur. Et pour alimenter plus encore vos réflexions, poursuivez votre lecture avec Accessibilité : les réponses d'un handicapé.

Merci Jérôme :)

Trackbacks

1. Le lundi juillet 2007 à 01:12, de Blog en Nord - Meet the bloggers Lille

Je dois m'y coller : le compte rendu TPE' Blogs

Bon, hé bien, nous y voilà... J'attendais un peu les réactions des uns et des autres avant de publier ce billet. Allons-y pour le compte-rendu de la dernière rencontre blog en Nord. Que c'est il passé le 26 juin ? La table ronde sur les TPE...

Commentaires

1. Le dimanche juin 2007 à 16:28, par Christophe Denuziere

Pas mal rien que pour que le squelette, je ne m'en rappelle jamais :).

2. Le dimanche juin 2007 à 17:38, par shyboy

bel outil que j pense bientôt tester
@+

3. Le dimanche juin 2007 à 18:27, par Michaël

Un genre de TextMate (macromates.com/) sur Windows! :)

4. Le dimanche juin 2007 à 18:44, par Vinch

L'outil est sympathique mais je trouve que le nom est mal choisi. Personnellement, quand j'ai lu le titre, je pensais que tu parlais du moteur de rendu de Konqueror et de Safari : KHTML.

5. Le dimanche juin 2007 à 20:13, par Normand Lamoureux

Merci à tous pour vos commentaires sympathiques. J'attends vos réactions avec impatience.

@Vinch
J'avais prévu la difficulté. D'où le bas de casse et le trait d'union dans le mot.

6. Le lundi juin 2007 à 01:23, par Benjamin D.C.

... essayez TextMate sur mac, vous comprendrez ce qu'est un éditeur puissant :)

7. Le lundi juin 2007 à 11:37, par Tuf

Pas de version Mac, je vais donc rester sur TextMate aussi ;)

8. Le lundi juin 2007 à 12:49, par Normand Lamoureux

@Benjamin D.C.
@Tuf
TextMate, c'est le nec plus ultra (bande de chanceux!). Nous, sous Windows, on doit se contenter de logiciels propriétaires payants... ou de k-html, qui est libre et gratuit.

9. Le mardi juin 2007 à 10:00, par speos

Aptana est également très bien !

10. Le mercredi juin 2007 à 08:10, par François Granger

C'est vrais que sur Mac on à le choix des armes en terme d'éditeur de texte de bonne qualité. Mais sous Windows, PSPad (par exmple) est plutôt bien.

11. Le mercredi juin 2007 à 12:29, par Normand Lamoureux

@François Granger
PSPad fait d'ailleurs partie des éditeurs dans lesquels je m'empressais d'aller vérifier le bon fonctionnement de k-html.

12. Le jeudi juin 2007 à 13:52, par Jérôme

Bonjour,

Je voyais pas trop l'interet de khtml mais maintenant j'ai compris: ça permet de coder via des raccourçis clavier! :o)
C'est aussi utile que la saisie semi-automatique du code comme le propose Aptana:

www.aptana.com/screenshot...

En tout ces fonctions (raccourçis clavier, saisie semi-automatique du code) rendent les éditeurs html plus accessibles aux personnes dont le handicap touche les membres supérieurs.

13. Le jeudi juin 2007 à 17:19, par Monique

Bonjour,

Merci pour ce témoignage, Jérôme :)

Je suis certaine qu'il fera particulièrement plaisir à Normand !

Amicalement,
Monique

14. Le jeudi juin 2007 à 18:03, par Normand Lamoureux

@Monique
Le témoignage de Jérôme me touche en effet beaucoup. Pour info, mon travail de tous les jours consiste à rendre des personnes fonctionnellement aveugles autonomes à l'ordinateur.

15. Le jeudi juin 2007 à 23:44, par Jérôme

Bonsoir à tous,

@Monique
De rien, et puis ça m'a permit de laisser un commentaire sur votre blog. :o)
( Dire qu'au départ je pensais qu'Eric Delcroix avait fait une erreur et voulait dire Monique, de Web Pour Tours.org; depuis j'ai corrigé mon erreur :op ). Si jamais vous avez besoin de contacter un web designer belge, j'en connais un sur liège (c'est un proche) mais il faudrait que je le brief sur l'accessibilité :op. Il a fait ce site: www.baiwir.com/site/index... (mais je suppose qu'il est aussi peu accessible que celui de la Fête de la musique :oS )
Malheureusement, je sais pas si l'accessibilité peut aller de pair avec la créativité artistique... faudrait demander à ayméric jacquet.

@Normand

Mon témoignage n'avait pour que de vous encourager dans votre travail, car comme je l'ai dis à Ayméric, les retours sur un travail concernant l'accessibilité ne sont pas automatiques surtout vis à vis des personnes concernées). Je fais le même travail que vous, dans une moindre mesure, puisque mon ami qui écrit également sur mon blog est malvoyant, donc quand je peux l'aider...;o)

16. Le vendredi juin 2007 à 02:27, par delcroix

génial, ces rencontres blog en nord pour faire des rencontres ;-)
N'est ce pas Monique et Jérôme ?
Bon reste plus qu'Aymeric s'en mêle...

17. Le vendredi juin 2007 à 11:48, par Aymeric Jacquet

Heee Eric, faut me laisser le temps hein, mon billet est juste envoyé sur les ondes. ;)

j'y crois pas, Jérome qui tente de vendre son cousin alors qu'il a passé la journée de mardi à lui casser du sucre sur le dos en matière d'accessibilité. ;)

Et oui, l'accessibilité n'est pas un frein à la créativité.

18. Le vendredi juin 2007 à 16:59, par Jérôme

@ Eric Delcroix

Oui, c'est vrai que c'était sympa. Merci de m'avoir invité.

@ Ayméric Jacquet

C'est faux!! J'ai seulement eu un regard critique sur l'accessibilité d'un site en flash c'est tout. Et puis ça m'empêche pas d'admirer son travail...


De toute façon je suis en train de rédiger mon billet sur la soirée de Mardi.... :op

19. Le dimanche juillet 2007 à 09:25, par Murcia

Merci, on en apprend tous les jours.

20. Le mercredi juillet 2007 à 21:12, par Normand Lamoureux

Bonjour,

Les lecteurs de blog Webatou seront sans doute heureux de savoir qu'une toute nouvelle mouture de k-html est en ligne depuis ce matin (heure de Montréal).

Parmi les nouveautés : la possibilité de définir des insertions automatiques mono ou multilignes et, cerise sur le gâteau, celle de transformer une sélection en tableau.

Vous avez bien lu. Vous faites un copier-coller d'un tableau Word ou Excel dans un éditeur de texte, vous sélectionnez, vous appuyez sur une commande et hop! un beau tableau HTML tout propre.

vendredi 8 juin 2007

Outil d'analyse des contrastes de couleurs

Gez Lemon a mis à jour son outil d'analyse des contrastes de couleurs, une extension pour Firefox.

The Juicy Studio Colour Contrast Firefox Extension has been updated to match the latest version of the draft Web Content Accessibility Guidelines 2.0, and includes a patch that checks for contrast for input elements.

L'outil donne des tableaux comme ceci [1]

rapport de contraste de luminosité

rapport de contraste de couleur

Cette extension peut aider à évaluer le Point de contrôle : 2.2 du RGAA : Proposer des contrastes de couleurs suffisants.

Commentaires

1. Le samedi juin 2007 à 07:33, par Groumphy

Hello,

J'ai aussi un outil de ce style : www.vischeck.com/ pour les personnes souffrant de problème de vision... Assez sympathique aussi :)

2. Le samedi juin 2007 à 11:00, par Monique

Bonjour,

En fait, avec une approche différente, les outils sont complémentaires :)

Celui que tu signales propose des simulations de pages Web ou d'images selon différents types de problème visuel, ce qui est très utile pour apprécier le résultat final.

Celui de Gez Lemon effectue un calcul pour chaque élément de page analysée, selon l'algorithme proposé par les WCAG 2.0, et donne un tableau des résultats, ce qui est fort utile pour apporter les corrections nécessaires sans rien oublier.

Amicalement,
Monique

3. Le dimanche juin 2007 à 20:10, par Aurélien

Hello Monique

A quand le prochain post ?

Bientôt j'espère.

4. Le dimanche juin 2007 à 21:08, par Monique

Bonjour Aurélien,

>A quand le prochain post ?

Il est en cours de rédaction, ce sera pour demain sans doute. Ce soir je suis les résultats des élections... ce n'est pas fréquent que Belges et Français votent le même jour ;)

Amicalement,
Monique

5. Le dimanche juin 2007 à 21:32, par Exibit

Merci Monique pour ce filon en or ;-)
Au plaisir de te revoir
Benoît

6. Le vendredi juin 2007 à 21:02, par Gaetano

Sympa, mais un peu compliqué pour moi ;-) François m'avait un jour renseigné un outil: Colour Contrast Analyser. C'est le même type d'outil?

7. Le vendredi juin 2007 à 22:45, par Monique

Bonjour,

Colour Contrast Analyser est un petit logiciel (freeware), que j'utilise très souvent aussi. Son système de pipette pour récupérer les couleurs d'avant-plan et d'arrière-plan est très pratique. Il ne fonctionne pas seulement pour le texte d'une page web mais aussi pour tout ce qui visible sur un écran, y compris des images.
Il utilise les mêmes critères que l'extension de Gez Lemon pour effectuer les calculs. Par contre il ne donne les résultats que pour un élément à la fois.

Amicalement,
Monique

- page 1 de 3