long

1. Visibilité, Identification

1.1



1.2

1.3

1.4



1.5

2. Utilisabilité web, Expérience utilisateur

2.1



2.2

2.3

2.4



2.5

2.6

2.7

2.8

2.9



2.10

2.11

2.12

2.13

2.14

2.15

2.16

2.17

2.18

2.19

2.20

2.21

2.22

2.23



2.24

2.25



2.26

2.27



2.28

2.29

2.30



2.31









2.32

2.33



2.34

2.35



2.36

2.37

2.38

2.39



2.40

2.41

2.42



2.43

2.44

2.45

2.46

2.47

2.48



2.49

2.50



2.51

2.52



2.53

2.54



2.55

2.56

2.57



2.58



2.59

2.60

2.61

2.62



2.63

2.64

2.65

2.66

2.67

2.68

2.69

2.70

2.71

2.72

2.73

2.74

2.75

2.76

2.77

2.78

2.79

2.80

2.81

2.82

2.83

2.84

2.85

2.86

2.87

2.88

2.89

2.90





2.91

2.92

2.93

2.94

3. Charte graphique / Design

3.1

3.2

3.3

3.4

3.5

3.6

3.7

3.8

3.9

3.10

3.11

3.12

3.13

3.14

3.15

3.16

3.17

3.18

3.19

3.20

3.21

3.22

3.23

3.24

3.25

3.26

3.27

3.28

3.29

3.30

3.31

4. Intégration, Conformité aux standards web

4.1

4.2

4.3

4.4

5. Contenu

5.1

5.2

5.3

5.4

5.5

5.6

5.7

5.8

5.9

5.10

5.11

5.12



5.13



5.14

5.15

5.16

5.17

5.18

5.19

5.20

5.21

5.22

5.23

5.24

5.25

5.26

5.27

5.28

5.29

5.30

5.31

6. Choix techniques & technologiques

6.1

6.2

6.3

6.4

6.5

6.6

6.7



6.8

6.9

6.10

6.11

6.12

6.13

6.14

6.15

6.17

6.18

6.19

6.20

6.21

7. eParticipation

7.1

7.2

7.3



7.4

7.5

7.6

7.7

7.8

8. Usages Web 2.0

8.1

8.2

8.3

8.4

8.5

8.6

8.7

8.8

8.9

8.10

8.11

8.12

8.13

8.14

8.15

8.16

8.17

9. E-services

9.1

9.2

9.3

9.4



9.5

9.6



9.7

9.8

9.9

10. Commerce électronique (optionnel)

10.1

10.2

10.3

10.4

10.5

10.6

10.7



10.8

10.9

10.10

10.11

10.12

10.13

10.14

11. Sécurité & vie privée

11.1

11.2



11.3

Critères d'évaluation des sites web publics

ilité, Identification

Le nom de domaine est simple, concis, intuitif et mémorisable (reprend le nom ou la mission principale du

propriétaire, ex : emploi.gov.tn - diplomatie.gov.tn, etc.)

L'URL ne comporte pas de majuscule, pas d'accents, pas de caractères spéciaux (hormis les séparateurs

Les URLs renseignent sur le contenu des pages afin d'optimiser le référencement des pages.

Toutes les pages du site contiennent dans l'entête (Header) : Le drapeau de la Tunisie, Sceau, la mention «

République Tunisienne », Le nom du ministère de tutelle et Le nom de l’organisme. Si l'émetteur du site dispose

Le site dispose d'une "favicône" permettant d'identifier graphiquement le site (présence dans les favoris, barre

sabilité web,d'URL, etc.) utilisateur

Expérience

L'architecture de l'information correspond à un parcours de consultation logique et cohérent, prévisible des

utilisateurs, où l’information la plus importante et la plus fréquemment consultée est accessible au premier

La profondeur du site ne dépasse pas 4 niveaux d'information.

Le site ne présente pas de redondance de contenu, mais les points d'accès aux contenus sont multiples.

Chaque page est identifiée par un titre de page décrivant le contenu de la page, et le contenu textuel des pages

est bien hiérarchisé (Title, H1, H2, etc.).

Les termes employés sont clairs et sans ambiguïté (pas de contraction, abréviation, acronyme, césure, etc.).

Les textes de support à la navigation et à la compréhension du site sont courts et explicites.

Les informations importantes et les mots clé d'une page sont mis en valeur afin de faciliter l'identification du

La position de tous les systèmes de navigation est constante sur l’ensemble des pages du site.

Chaque page du site comporte les éléments de navigation et de repérage permettant à l'utilisateur de se situer

dans le site (menu actif, fil d'arianne), et la hiérarchie entre les niveaux d'information dans le menu de

La navigation reste possible sur l'ensemble du site en utilisant exclusivement le clavier (tab)

Le focus clavier n'est ni supprimé ni masqué (tabulation)

L'utilisateur est averti des ouvertures de nouvelles fenêtres

Le site ne comporte pas de liens internes actifs vers des pages en construction ou mortes

La consultation du site ne redimensionne pas la fenêtre du navigateur.

La navigation au clavier s'effectue dans un ordre prévisible.

Les liens provoquant l'ouverture d'un logiciel externe ont un libellé explicite.

Les liens hypertextes visités changent de couleur

Une navigation par profils est disponible (Ex : Vous êtes : Particulier, Entreprise, Etudiant …)

Le site donne des informations sur sa dernière mise à jour

Il n'y a pas de pages d’introduction s’intercalant avant la véritable page d’accueil (page intermédiaire animée,

Toutes les pages du site comportent un lien "Accueil" renvoyant vers la page d’accueil

La page d'accueil des sites à fort contenu éditorial est dynamisée par une remontée de l'information récente (A

Une zone (pavé) de la page d'accueil recence une série de liens externes qui font référence au portail

gouvernemental et à un ensemble de sites officiels (Présidence, Institutions officielles, tutelle, sites en relation,

Les éventuels partenaires du site sont signalés sur le bas de page.

Un menu des tâches courantes est présent dans toutes les pages et contient à titre indicatif les liens suivants :

Accueil, Contact, A propos, Télecharelments, Aide, FAQ, Liens utiles, Mentions légales, Plan du site,

La page Accessibilité est rappelée dans le bas (pieds) de page.

Le pied de page est présent sur toutes les pages du site, affichant les informations relatives aux droits de copie

et de réutilisation, l’émetteur du site et l’année de réalisation (ou de refonte du site)

Le site est disponible en plus d'une langue

Les noms de langues offertes sont représentés selon la norme ISO-639-1 (AR, FR, EN)

Le fil d'Ariane est situé au dessus de la zone de contenus, et chaque niveau du parcours de navigation est

cliquable et le niveau courant est différencié graphiquement.

Les informations légales du site sont regroupées sous l'intitulé "Mentions légales". La page mentions légales

précise :

- Les informations concernant l’édition du site (nom de l’organisme, coordonnées)

- Les informations relatives aux prestataires de développement et d'hébergement ainsi que de l'environnement

Présence d’un moteur de recherche interne situé en haut de la page

Le moteur de recherche est visible dans toutes les pages et se présente sous la forme d'un champ de recherche

et du bouton "Chercher" (et non pas sous la forme d’un lien à cliquer).

Le résultat de la recherche est affiché sous forme d’une liste triée par ordre de pertinence.

La recherche porte sur tous les contenus indexés du site, y compris les documents téléchargeables depuis le site

(on parle alors de recherche plein texte).

Dans le cas d’un site au contenu riche et profond, une fonction de recherche avancée est proposée.

Si le site propose des fonctions de recherche avancée, une aide à l’utilisation de la recherche avancée est

La page de résultat reprend le nombre de résultats, le titre des pages trouvées en lien hypertexte, la nature du

La page de résultat reprend des extraits des pages trouvées, un système de pagination entre les résultats, un

classement par catégorie de contenus.

Le site web dispose d'une page "Plan du site" respectant l’architecture du site et la hiérarchie des rubriques

Les liens présentés se réfèrent aux rubriques et sont conformes aux pages du site

Les fonctions transverses (Envoyer, Imprimer, Ajouter aux favoris, Agrandir/Réduire, Paratager) sont

regroupées ensemble dans une zone spécifique de l'écran, constante sur tout le site.

Le site propose une liste d’accès rapide aux pages les plus demandées, visible dans toutes les pages du site

Le contenu de la liste d’accès rapide est régulièrement mis à jour selon les statistiques d’accès des internautes

Le site fournit une page de liens utiles accessible à partir du menu des Tâches courantes

Si la liste des liens utiles est longue, ils sont répartis par catégorie (thème, groupe)

Les liens de la rubrique pointent vers des sites inexistants

Le site offre des actualités récentes et à jour, accessibles depuis la page d'accueil, classées par ordre

antéchronologique (à partir de la date la plus récente) et affichées linéairement (sans défilement)

L’archive des actualités est conservée, classées par date (mois / année) au cas où la rubrique Actualités est

Chaque actualité a au moins un titre, une date et le cas échéant, un lieu, une source, un descriptif sommaire du

sujet présenté et une image (illustration)

Le site offre une page de télechargements accessible à partir du menu des tâches courantes

Le nom du fichier, le type de format et la taille du document à télécharger sont indiqués (texte ou icone). Le

fichier est muni d’une brève description

Le lien de téléchargement des lecteurs de documents spécifiques est intégré avec éventuellement des

Le site permet à l’internaute de remplir les formulaires PDF directement sur l’ordinateur puis de les envoyer par

mail ou les imprimer et les remplir à la main

Le site offre une page d'aide aux internautes accessible à partir du menu des tâches courantes

Le site offre une page des FAQ accessible à partir du menu des tâches courantes

L’internaute distingue visuellement les questions des réponses. Les questions sont classées par thème dans le

cas ou leur nombre est élevé

Le pied de page est présent sur toutes les pages du site affichant les informations relatives aux droits de copie et

de réutilisation et l'année.

Le site offre une page de contact accessible à partir du menu des tâches courantes

La page « contact » inclut les coordonnées physiques et électroniques de l’organisme et contient un formulaire

de contact, de même que les horaires d’ouverture et le plan d’accès pour les établissements recevant du public.

Le site contient plusieurs adresses électroniques selon les services disponibles

Si l’organisme est composé de plusieurs services ou s’étend sur plusieurs régions, leurs adresses et/ou leurs

numéros de téléphone sont précisés

Les adresses e-mail utilisées sont génériques et non pas personnelles

L’utilisateur est informé du bon envoi de son formulaire

Le site fournit à l’émetteur un accusé de réception et (éventuellement) le temps nécessaire à la réponse

Le formulaire est équipé d'un système anti-spam (captcha) afin de limiter les questions posées par des

En cas de volumétrie importante, une présélection des sujets de question permet d'aiguiller les messages vers

Le site donne la possibilité aux internautes de s’inscrire ou de se désinscrire du service de newsletters

Utilisation de polices standard sur toutes les plateformes et pour tous les contenus (texte, menus, titres)

La couleur et le format de la police différe entre les textes et les titres

Les polices employées sont sans serif (exemple : Verdana, Arial, Helvetica ou équivalent).

Le corps du texte utilise une police de 10 pixels au minimun définie en taille relative.

Le nombre de polices utilisées sur le site est inférieur ou égal à trois (sauf présentation de travaux ou produits

Le site est optimisé pour la résolution 1024*768 pixel (cofig. la plus utilisée dans le monde)

Les champs d'un formulaire sont regroupés en fonction de leur nature sémantique en blocs distincts, portant un

Les formulaires sont présentés dans une seule colonne (un champ de saisie par ligne).

La signalétique employée dans le formulaire figure en début de page (par exemple, le code adopté pour les

Les actions de validation, annulation, passage à l’étape suivante, etc. sont signalées par des boutons d’action en

Les formulaire longs (au-delà de trois fois la hauteur de l’écran) sont scindés en plusieurs pages.

Les libellés des formulaires sont clairs, concis et non tronqués (les abréviations sont évitées).

La navigation dans le formulaire avec le clavier est obligatoire (tabulation, touche « ENTREE », etc.)

Les champs obligatoires sont signalés par un astérisque (rouge)

Dans le cas de saisies partielles ou erronées, le formulaire est réaffiché, sans perte des champs précédemment

Les contraintes de saisie des champs (nombre de caractères maximum, format de date) sont indiquées à

La nature et la taille des champs de saisie est adaptée à la nature des informations attendues.

Le nombre d'éléments affichés dans une liste déroulante est limité à 50 maximum.

Le nombre d'éléments dans un regroupement de boutons radio est de 12 maximum.

Les libellés des boutons radio sont placés à droite des cases (FR)

Le nombre d'éléments dans un regroupement de cases à cocher est de 12 maximum.

Les libellés des cases à cocher sont placés à droite des cases.(FR)

En cas de procédure guidée, un bouton « Valider et continuer » permet de passer à l’étape suivante et un

bouton "Valider et terminer" signale la fin du formulaire.

Le recours aux tableaux est justifié (Données tabulées)

Les en-têtes d'un tableau sont distinguées graphiquement du contenu du tableau.

Les bordures des tableaux sont suffisamment visibles

La couleur des lignes du tableau est alternée afin d'améliorer la lisibilité.

te graphique / Design

Chaque catégorie d'objet (titre, corps de texte, légende, etc.) est caractérisée par un style appliqué à l'ensemble

Les styles employés sont cohérents avec le niveau hiérarchique de l'information (la police de Titre1 est

Le site ne présente pas de texte qui clignote ou défile et le corps de texte n'est pas en majuscules.

Le corps du texte est justifié à gauche (FR), et à droite (AR)

Le contraste entre le texte et le fond de page est fort et positif (texte foncé sur fond de page clair).

Les couleurs du texte de contenu ne sont pas les mêmes que celles des liens, elles-mêmes différentes selon

Le fond d'écran n'est pas texturé et ne présente pas de motifs.

Un libellé est associé aux icônes peu courantes ou équivoques.

Les pictogrammes et les icônes comportent une balise ALT.

Les icônes respectent les formats standard (12X12, 24X24 ou 48X48 pixels).

Les images sont retaillées au plus juste de leur taille d'affichage afin d'optimiser leur poids.

Chaque image est dotée d'une alternative textuelle appropriée

L'usage d'images, graphiques purement esthétiques et sans plus-value informationnelle est rationnel voire

Les puces d'énumération et les listes à puce ne correspondent pas à des images (sauf choix d’identité graphique

Les animations ou effets multimédias ne sont utilisés que s’ils apportent une réelle plus-value informationnelle

Un équivalent textuel comprenant les mots-clé pertinents est associé aux animations multimédias.

La durée des contenus vidéo ou audio est indiquée

Les sons et vidéos sont déclenchés par l'utilisateur.

Les animations, sons et clignotements peuvent être mis en pause

En cas de lecture du podcast sur le site, l’utilisateur conserve le contrôle du déroulement de l'enregistrement

La taille du fichier, son format et sa durée sont mentionnés pour chaque fichier audio.

Un titre, une date de création et un bref descriptif du contenu audio sont associés au podcast.

Une vidéo est accompagnée d’un bref descriptif de son contenu et un équivalent textuel des contenus vidéo est

En cas de lecture en continu sur le site, l’utilisateur conserve le contrôle du déroulement de la vidéo.

La lecture en continu des vidéos ayant recours à un plug-in courant est privilégiée par rapport au

Les vidéos sont sous-titrées pour des raisons d’accessibilité ou un transcript est fourni.

Si l’animation comporte des éléments sonores, un système permettant de désactiver le son est proposé à

Les animations didactiques sont découpées en tranches logiques via un système de navigation propre (menu,

Les animations ne sont jouées qu'une seule fois et ne tournent pas automatiquement en boucle.

Le clignotement et le défilement sont évités pour des raisons d’accessibilité.

Le poids de la page d’accueil est optimisé (inférieur à 200Ko)

ration, Conformité aux standards web

Le code XHTML-CSS des pages est conforme dans les validateurs W3C

Le site produit est accessible et cette accessibilité est maintenue dans le temps indépendamment des mises à

Le site est compatible avec les principaux navigateurs standards du marché.

Le site propose une version compatible "W3C Mobile-Ok"

enu

Les phrases sont courtes et les paragraphes sont concis,et font recours aux liens hypertextes, listes à puces,

Le contenu est simple, intéressant et suscite l’intérêt des internautes et les objectifs du contenu sont bien définis

Le contenu est intéressant pour les internautes et pas que pour les moteurs de recherche

Le style d’écriture et de mise en page du contenu est clair et lisible et est adapté aux techniques de l'écriture

L’orthographe et la grammaire du contenu sont corrects

Sources et liens du contenu externe citée.

Le titre de la page est court, explicatif et suscite l’intérêt et permet d'identifier son contenu

Les contenus publicitaires ou sponsorisés sont identifiés comme tels

Un chapeau, sous forme d'un texte court résume le contenu marquant de l'article.

Les textes longs sont segmentés en sous-chapitres distingués graphiquement du reste du texte afin d'améliorer

La taille des pages est limtée à trois écrans en résolution 1024×768 avec une taille de police standard.

La version imprimable d'un article s'appuie sur une CSS spécifique qui reprend notamment l'émetteur, la date

d'impressoin, l'URL et le fil d'Ariane.

Les fonctions associées aux articles sont regroupées dans une zone spécifique et identifiées par une icône

(réagir, envoyer, imprimer, etc.).

Les textes de support à la navigation et à la compréhension du site sont courts et explicites.

Les termes employés sont clairs et sans ambiguïté (pas de contraction, acronyme, césure, etc.).

Les contenus ciblant des publics étrangers sont traduits et localisés.

Les sites diffusant du contenu technique spécialisé mettent à disposition un glossaire.

Le lien hypertexteest limité à un mot ou un groupe de mots pertinents (pas une phrase complète).

Le texte normal n'est pas souligné (car les utilisateurs seraient tentés de cliquer sur ce texte) mais plutôt mis en

Les liens sont explicites dans leur contexte (ouvre une autre page, déclenche un téléchargement, envoie un e-

Un même lien adopte un comportement constant sur l’ensemble du site.

Les intitulés des liens sont clairs, concis, compréhensibles et reflétent le contenu des pages sur lesquelles ils

Les boutons d’action et les liens sont représentés de manière distincte.

En cas de contenu long (article, formulaire), des ancres sont utilisées pour donner un accès direct aux rubriques

En cas de recours aux ancres, des fonctions de type plier – déplier sont mises en place afin de limiter l’utilisation

Le site fournit des tableaux de bord statistiques et des rapports d'activité

Le site permet aux utilisateurs de consulter des études en ligne ou des rapports

Le site contient un mécanisme de gestion des alertes et des urgences (Exemple : intempéries …)

Le site poste des infomations à propos des concours et des postes vacants et appels d'offfres

Le site consacre une rubrique aux ressources humaines

Le site propose un calendrier des événements

x techniques & technologiques

Emploi de technologies les plus récentes, portables et les plus adaptés du web

Le CMS utilisé n'est pas réputé pour son vulnérablité

Le site a recours à des extensions confirmées et vérifiés

Le site n'autorise pas l'ouverture de plusieurs fenêtres simultanément (multi-fenêtrage).

Le site n'autorise pas le rafraichissement de chaque page (F5) et gère correctement l'actualisation des données.

Le site n'a pas recours à des fenêtres de type « pop-ups ».

Le site dispose de son propre système de navigation permettant de naviguer entre plusieurs séquences de page

(les boutons "retour" et "suivant" du navigateur ne constituent qu'un système de navigation d'appoint).

Les boutons "retour" et "suivant" du navigateur sont toujours disponibles (exception pour certains formulaires

Le site est optimisé pour une résolution 1024×768 px.

Le site n'a pas recours à l'ascenseur horizontal.

Le site n'impose pas de redirection ou de rafraichissement automatique côté client

Les styles ne sont pas utilisés pour générer du contenu

Les dates sont présentées dans des formats explicites

Le site n'utilise pas de cadres (frames)

Le site ne repose pas entièrement sur une technologie dynamique du type Flash, Flex, Ajax ou Java.

Les contenus critiques du site ne dépendent pas des technologies du type Flash, Flex, Ajax ou Java.

Le recours à ces technologies est utilisé pour mettre en valeur un type de contenu dans la page, plutôt que tout

Les éléments de navigation du site restent opérationnels même en désactivant le JavaScript du navigateur.

Le site ne fais pas recours aux plug-ins spécifiques (que dans les cas de nécissité justifiée)

En cas de recours à un plug-in, la procédure pour télécharger et installer le plug-in est fournie.

ticipation

Le site web propose une fonctionnalité de sondage d'opinion régulièrement mis à jour

Les résultats du sondage d'opinion sont affichés en fin de vote

Afin d’améliorer la qualité du site et des services rendus, le remplissage d’un questionnaire de satisfaction est

proposé de façon aléatoire, ou au terme d'envoi d'une requête

Le site donne la main aux internautes d'évaluer le contenu des pages affichés

Le site propose un forum de discussion aux internautes

Le site propose une boite à idées et affiche les propositions des internautes

Le site propose un service de consultations en ligne pour élargir le débat sur certaines reflexions

Le site propose ou fait la promotion d'une campagne de mobilisation sociale

es Web 2.0

Le site fait appel à des technologies d'affichage dynamique de type Flex, Ajax ou JQuery

Le site a recours aux fonctionnalités de partage communautaire (social bookmarking) : J'aime, Retweet,

Le site est couplé à une Page officielle sur Facebook régulièrement actualisé

Le site est couplé à un compte officiel sur Twitter régulierement alimenté et à jour

Le site fait appel à un service de vidéo sharing (ex: YouTube, Vimeo, Dailymotion) pour la diffusion des

Le site fait appel à un service de photo sharing (Flickr, Picassa) pour la diffusion des galeries photos

Le site est couplé d'un blog présentant un angle éditorial différend (atypique) et un ton impersonnel

Le site donne la main aux internautes de commenter des articles du site de la même façon qu'ils peuvent le faire

La page de contact contient des éléments de géo-localisation (Google Maps, Openstreet Maps, Google Lattitude)

Le site web offre aux internautes de s'abonner à un flux RSS

Les sites à fort contenu éditorial mettent à disposition un ou plusieurs flux RSS.

Les sites émettant de l'actualité dans plusieurs rubriques proposent un flux RSS par rubrique.

Les formats de flux RSS mis à disposition sont conformes aux formats standards

Une aide à l'utilisation des flux RSS est fournie afin d'assister l'utilisateur.

Un plan du site en XML sitemap est disponible

Utilisation des fichiers robots .txt

Le code JS fourni par Google Analytics ou autre est intégré dans le code source des pages

vices

Un site proposant plusieurs démarches en ligne en fournit une liste globale avec une description synthétique

Le site affiche la liste des étapes de la démarche avec distinction graphique des étapes réalisées, en cours et à

Le site présente une barre de progression indiquant à l’utilisateur le chemin réalisé et le chemin restant.

Une fois la démarche initialisée, la barre d’étapes de la démarche devient l'unique système de navigation actif

du site (les autres sont désactivés).

La démarche s'achève par un récapitulatif figurant dans la barre d'étapes en tant que dernière étape de la

La page récapitulative reprend en mode consultation les données précédemment saisies avec possibilité d'y

accéder en mode modification.

La démarche s'achève par un bouton d’action « Valider et terminer » pour envoyer le questionnaire rempli.

Les démarches en ligne proposent une page d'aide accessible depuis chaque page de la démarche et qui s'ouvre

Des aides contextuelles sont proposées pour assister l’utilisateur dans la saisie des champs de formulaire.

mmerce électronique (optionnel)

Le délai de livraison estimé est indiqué avant la validation définitive de la commande.

Les conditions de vente ou d'utilisation sont accessibles depuis toutes les pages

La nature et les caractéristiques quantifiables des produits et services (dimensions, durée, contenance, etc.)

La disponibilité des produits est indiquée avant la validation définitive de la commande.

Les prix affichés mentionnent le détail des taxes et suppléments éventuels ainsi que le montant hors taxes

La période et les conditions de validité des offres spéciales et promotions sont indiquées.

La modification de la quantité de chaque article, l'ajout ou la suppression d'un ou plusieurs articles reste

possible avant la validation définitive de la commande

Le sous-total détaillé (quantités, montants, frais, assurances, etc.) est indiqué avant la validation définitive de la

Les moyens de paiement acceptés et les procédures correspondantes sont indiqués

Les conditions de garantie (durée, options, extensions, tarifs, restrictions, etc) sont indiquées

Les conditions de fonctionnement du service après-vente (tarifs, horaires, moyens de contact, etc) sont

Une adresse de livraison différente de l'adresse de facturation peut être spécifiée.

Les informations relatives à la zone de livraison des produits ou de réalisation des services sont indiquées

Aucun produit ni service annexe n'est ajouté au panier de commande sans que cette action soit déclenchée par

l'utilisateur.

urité & vie privée

Le site affiche une déclaration complète et détaillée de sa politique de sécurité et protection de données

Les formulaires de collecte de données sur l'utilisateur offrent l'option de demander son autorisation d'être

exploitées ou sa permission de recevoir des messages non sollicités

Le site offre aux utilisateurs une adresse de contact ou un e-mail pour les requêtes relatives à la sécurité des

données et à la protection de la vie privée

‫معايير يمكن اعتمادها عند إعداد موقع واب‬

1. Visibilité, Identification

1.1 Le nom de domaine est simple, concis, intuitif et mémorisable.

1.2 Toutes les pages du site contiennent dans l'entête (Header) : Le drapeau de la Tunisie, la mention « République Tunisienne Ministère de l'Education" et Le

nom de l’organisme. Si l'émetteur du site dispose également d'un logotype spécifique,

2. Utilisabilité web, Expérience utilisateur

2.1 L'architecture de l'information correspond à un parcours de consultation logique et cohérent, prévisible des utilisateurs, où l’information la plus importante et

la plus fréquemment consultée est accessible au premier niveau.

2.2 Chaque page est identifiée par un titre de page décrivant le contenu de la page, et le contenu textuel des pages est bien hiérarchisé (Title, H1, H2, etc.).



2.3 Les informations importantes et les mots clé d'une page sont mis en valeur afin de faciliter l'identification du contenu de la page.

2.4 La position de tous les systèmes de navigation est constante sur l’ensemble des pages du site.

2.5 Chaque page du site comporte les éléments de navigation et de repérage permettant à l'utilisateur de se situer dans le site (menu actif, fil d'arianne), et la

hiérarchie entre les niveaux d'information dans le menu de navigation est explicite

2.6 La navigation reste possible sur l'ensemble du site en utilisant exclusivement le clavier (tab)

2.7 Le focus clavier n'est ni supprimé ni masqué (tabulation)

2.8 L'utilisateur est averti des ouvertures de nouvelles fenêtres

2.9 Le site ne comporte pas de liens internes actifs vers des pages en construction ou mortes

2.10 La consultation du site ne redimensionne pas la fenêtre du navigateur.

2.11 La navigation au clavier s'effectue dans un ordre prévisible.

2.12 Les liens hypertextes visités changent de couleur

2.13 Le site donne des informations sur sa dernière mise à jour

2.14 Il n'y a pas de pages d’introduction s’intercalant avant la véritable page d’accueil (page intermédiaire animée, page ATCE).

2.15 Toutes les pages du site comportent un lien "Accueil" renvoyant vers la page d’accueil

2.16 Une zone (pavé) de la page d'accueil recence une série de liens externes qui font référence au portail gouvernemental et à un ensemble de sites officiels

(Présidence, Institutions officielles, tutelle, sites en relation, etc.).

2.17 Un menu des tâches courantes est présent dans toutes les pages et contient à titre indicatif les liens suivants : Accueil, Contact, A propos, Télecharelments,

Aide, FAQ, Liens utiles, Mentions légales, Plan du site, Accessibilté...).

2.18 Le pied de page est présent sur toutes les pages du site, affichant les informations relatives aux droits de copie et de réutilisation, l’émetteur du site et

l’année de réalisation (ou de refonte du site)

2.19 Le site est disponible en plus d'une langue

2.21 Le fil d'Ariane est situé au dessus de la zone de contenus, et chaque niveau du parcours de navigation est cliquable et le niveau courant est différencié

graphiquement.

2.22 Les informations légales du site sont regroupées sous l'intitulé "Mentions légales". La page mentions légales précise :

- Les informations concernant l’édition du site (nom de l’organisme, coordonnées)

- Les informations relatives aux prestataires de développement et d'hébergement ainsi que de l'environnement techno. (Soft : CMS, BDD, Moteur, etc).



2.23 Présence d’un moteur de recherche interne situé en haut de la page

2.24 Le moteur de recherche est visible dans toutes les pages et se présente sous la forme d'un champ de recherche et du bouton "Chercher" (et non pas sous

la forme d’un lien à cliquer).

2.25 Dans le cas d’un site au contenu riche et profond, une fonction de recherche avancée est proposée.

2.26 Si le site propose des fonctions de recherche avancée, une aide à l’utilisation de la recherche avancée est fournie.

2.27 Le site web dispose d'une page "Plan du site" respectant l’architecture du site et la hiérarchie des rubriques

2.28 Les fonctions transverses (Envoyer, Imprimer, Ajouter aux favoris, Agrandir/Réduire, Paratager) sont regroupées ensemble dans une zone spécifique de

l'écran, constante sur tout le site.

2.29 Le site propose une liste d’accès rapide aux pages les plus demandées, visible dans toutes les pages du site

2.30 Le site fournit une page de liens utiles accessible à partir du menu des Tâches courantes

2.31 Les liens de la rubrique pointent vers des sites inexistants

2.32 Le site offre des actualités récentes et à jour, accessibles depuis la page d'accueil, classées par ordre antéchronologique (à partir de la date la plus récente)

et affichées linéairement (sans défilement)

2.33 L’archive des actualités est conservée, classées par date (mois / année) au cas où la rubrique Actualités est volumineuse

2.34 Chaque actualité a au moins un titre, une date et le cas échéant, un lieu, une source, un descriptif sommaire du sujet présenté et une image (illustration)



2.35 Le site offre une page de télechargements accessible à partir du menu des tâches courantes

2.36 Le site offre une page d'aide aux internautes accessible à partir du menu des tâches courantes

2.37 Le site offre une page des FAQ accessible à partir du menu des tâches courantes

2.38 Le pied de page est présent sur toutes les pages du site affichant les informations relatives aux droits de copie et de réutilisation et l'année.

2.39 Le site offre une page de contact accessible à partir du menu des tâches courantes

2.40 La page « contact » inclut les coordonnées physiques et électroniques de l’organisme et contient un formulaire de contact, de même que les horaires

d’ouverture et le plan d’accès pour les établissements recevant du public.

2.41 Utilisation de polices standard sur toutes les plateformes et pour tous les contenus (texte, menus, titres)

2.42 La couleur et le format de la police différe entre les textes et les titres

2.43 Les polices employées sont sans serif (exemple : Verdana, Arial, Helvetica ou équivalent).

2.44 Le corps du texte utilise une police de 10 pixels au minimun définie en taille relative.

2.45 Le nombre de polices utilisées sur le site est inférieur ou égal à trois (sauf présentation de travaux ou produits graphiques).

2.46 Le site est optimisé pour la résolution 1024*768 pixel (cofig. la plus utilisée dans le monde)

2.47 La navigation dans le formulaire avec le clavier est obligatoire (tabulation, touche « ENTREE », etc.)

2.48 Les champs obligatoires sont signalés par un astérisque (rouge)

2.49 Dans le cas de saisies partielles ou erronées, le formulaire est réaffiché, sans perte des champs précédemment renseignés.

2.50 Le nombre d'éléments affichés dans une liste déroulante est limité à 50 maximum.

2.51 Le nombre d'éléments dans un regroupement de boutons radio est de 12 maximum.

2.52 Le nombre d'éléments dans un regroupement de cases à cocher est de 12 maximum.

2.53 Le recours aux tableaux est justifié (Données tabulées)

2.54 Les en-têtes d'un tableau sont distinguées graphiquement du contenu du tableau.

3. Charte graphique / Design

3.1 Chaque catégorie d'objet (titre, corps de texte, légende, etc.) est caractérisée par un style appliqué à l'ensemble du site.

3.2 Les styles employés sont cohérents avec le niveau hiérarchique de l'information (la police de Titre1 est supérieure à celle de Titre2).

3.3 Le site ne présente pas de texte qui clignote ou défile et le corps de texte n'est pas en majuscules.

3.4 Le corps du texte est justifié à gauche (FR), et à droite (AR)

3.5 Le contraste entre le texte et le fond de page est fort et positif (texte foncé sur fond de page clair).

3.6 Les couleurs du texte de contenu ne sont pas les mêmes que celles des liens, elles-mêmes différentes selon l'état du lien (actif, visité).

3.7 Le fond d'écran n'est pas texturé et ne présente pas de motifs.

3.8 Les images sont retaillées au plus juste de leur taille d'affichage afin d'optimiser leur poids.

3.9 Chaque image est dotée d'une alternative textuelle appropriée

3.10 L'usage d'images, graphiques purement esthétiques et sans plus-value informationnelle est rationnel voire même réduit.

3.11 Les puces d'énumération et les listes à puce ne correspondent pas à des images (sauf choix d’identité graphique prépondérant).

3.12 Les animations ou effets multimédias ne sont utilisés que s’ils apportent une réelle plus-value informationnelle au site.

3.13 Un équivalent textuel comprenant les mots-clé pertinents est associé aux animations multimédias.

3.14 La durée des contenus vidéo ou audio est indiquée

3.15 Les sons et vidéos sont déclenchés par l'utilisateur.

3.16 Les animations, sons et clignotements peuvent être mis en pause

3.17 En cas de lecture du podcast sur le site, l’utilisateur conserve le contrôle du déroulement de l'enregistrement sonore.

3.18 La taille du fichier, son format et sa durée sont mentionnés pour chaque fichier audio.

3.19 Une vidéo est accompagnée d’un bref descriptif de son contenu et un équivalent textuel des contenus vidéo est fourni.

3.20 En cas de lecture en continu sur le site, l’utilisateur conserve le contrôle du déroulement de la vidéo.

3.21 La lecture en continu des vidéos ayant recours à un plug-in courant est privilégiée par rapport au téléchargement de vidéos.

3.22 Si l’animation comporte des éléments sonores, un système permettant de désactiver le son est proposé à l’utilisateur.

3.23 Le clignotement et le défilement sont évités pour des raisons d’accessibilité.

3.24 Le poids de la page d’accueil est optimisé (inférieur à 200Ko)

5. Contenu

5.1 Les phrases sont courtes et les paragraphes sont concis,et font recours aux liens hypertextes, listes à puces, séparateurs

5.2 Le contenu est simple, intéressant et suscite l’intérêt des internautes et les objectifs du contenu sont bien définis

5.3 Le contenu est intéressant pour les internautes et pas que pour les moteurs de recherche

5.4 Le style d’écriture et de mise en page du contenu est clair et lisible et est adapté aux techniques de l'écriture web

5.5 L’orthographe et la grammaire du contenu sont corrects

5.6 Le titre de la page est court, explicatif et suscite l’intérêt et permet d'identifier son contenu

5.7 Les contenus publicitaires ou sponsorisés sont identifiés comme tels

5.8 La version imprimable d'un article s'appuie sur une CSS spécifique qui reprend notamment l'émetteur, la date d'impressoin, l'URL et le fil d'Ariane.

5.9 Les fonctions associées aux articles sont regroupées dans une zone spécifique et identifiées par une icône (réagir, envoyer, imprimer, etc.).

5.10 Le lien hypertexteest limité à un mot ou un groupe de mots pertinents (pas une phrase complète).

5.11 Le texte normal n'est pas souligné (car les utilisateurs seraient tentés de cliquer sur ce texte) mais plutôt mis en gras

5.12 Les liens sont explicites dans leur contexte (ouvre une autre page, déclenche un téléchargement, envoie un e-mail).

5.13 Un même lien adopte un comportement constant sur l’ensemble du site.

5.14 Les intitulés des liens sont clairs, concis, compréhensibles et reflétent le contenu des pages sur lesquelles ils pointent.

5.15 En cas de contenu long (article, formulaire), des ancres sont utilisées pour donner un accès direct aux rubriques de la page.

5.16 En cas de recours aux ancres, des fonctions de type plier – déplier sont mises en place afin de limiter l’utilisation de l’ascenseur.

5.17 Le site fournit des tableaux de bord statistiques et des rapports d'activité

5.18 Le site permet aux utilisateurs de consulter des études en ligne ou des rapports

5.19 Le site contient un mécanisme de gestion des alertes et des urgences (Exemple : intempéries …)

5.20 Le site poste des infomations à propos des concours et des postes vacants et appels d'offfres

5.21 Le site consacre une rubrique aux ressources humaines

5.22 Le site propose un calendrier des événements

6. Choix techniques et technologiques

6.1 Emploi de technologies les plus récentes, portables et les plus adaptés du web

6.2 Le CMS utilisé n'est pas réputé pour son vulnérablité

6.3 Le site a recours à des extensions confirmées et vérifiés

6.4 Le site n'autorise pas l'ouverture de plusieurs fenêtres simultanément (multi-fenêtrage).

6.5 Le site n'autorise pas le rafraichissement de chaque page (F5) et gère correctement l'actualisation des données.

6.6 Le site n'a pas recours à des fenêtres de type « pop-ups ».

6.7 Le site dispose de son propre système de navigation permettant de naviguer entre plusieurs séquences de page (les boutons "retour" et "suivant" du

navigateur ne constituent qu'un système de navigation d'appoint).

6.8 Les boutons "retour" et "suivant" du navigateur sont toujours disponibles (exception pour certains formulaires multipages).

6.9 Le site est optimisé pour une résolution 1024×768 px.

6.10 Le site n'a pas recours à l'ascenseur horizontal.

6.11 Le site n'impose pas de redirection ou de rafraichissement automatique côté client

6.12 Les styles ne sont pas utilisés pour générer du contenu

6.13 Les dates sont présentées dans des formats explicites

7. eParticipation

7.1 Le site web propose une fonctionnalité de sondage d'opinion régulièrement mis à jour

7.2 Les résultats du sondage d'opinion sont affichés en fin de vote

7.3 Afin d’améliorer la qualité du site et des services rendus, le remplissage d’un questionnaire de satisfaction est proposé de façon aléatoire, ou au terme

d'envoi d'une requête

7.4 Le site donne la main aux internautes d'évaluer le contenu des pages affichés

7.5 Le site propose un forum de discussion aux internautes

7.6 Le site propose une boite à idées et affiche les propositions des internautes

7.7 Le site propose un service de consultations en ligne pour élargir le débat sur certaines reflexions

7.8 Le site propose ou fait la promotion d'une campagne de mobilisation sociale

8. Usages Web 2.0

8.2 Le site a recours aux fonctionnalités de partage communautaire (social bookmarking) : J'aime, Retweet, Addthis,Sharethis, etc.

8.3 Le site est couplé à une Page officielle sur Facebook régulièrement actualisé

8.4 Le site est couplé à un compte officiel sur Twitter régulierement alimenté et à jour

8.5 Le site fait appel à un service de vidéo sharing (ex: YouTube, Vimeo, Dailymotion) pour la diffusion des séquences vidéos

8.6 Le site fait appel à un service de photo sharing (Flickr, Picassa) pour la diffusion des galeries photos

8.7 Le site est couplé d'un blog présentant un angle éditorial différend (atypique) et un ton impersonnel

8.8 Le site donne la main aux internautes de commenter des articles du site de la même façon qu'ils peuvent le faire sur les réseaux sociaux

8.9 La page de contact contient des éléments de géo-localisation (Google Maps, Openstreet Maps, Google Lattitude)

8.10 Le site web offre aux internautes de s'abonner à un flux RSS

9. E-services

9.1 Un site proposant plusieurs démarches en ligne en fournit une liste globale avec une description synthétique pour chaque démarche.

10. Commerce électronique (Optionnel)

10.1 Le délai de livraison estimé est indiqué avant la validation définitive de la commande.

10.2 Les conditions de vente ou d'utilisation sont accessibles depuis toutes les pages

10.3 La nature et les caractéristiques quantifiables des produits et services (dimensions, durée, contenance, etc.) sont indiquées.

10.4 La disponibilité des produits est indiquée avant la validation définitive de la commande.

10.5 Les prix affichés mentionnent le détail des taxes et suppléments éventuels ainsi que le montant hors taxes

10.6 La période et les conditions de validité des offres spéciales et promotions sont indiquées.

10.7 La modification de la quantité de chaque article, l'ajout ou la suppression d'un ou plusieurs articles reste possible avant la validation définitive de la

commande

10.8 Le sous-total détaillé (quantités, montants, frais, assurances, etc.) est indiqué avant la validation définitive de la commande.

10.9 Les moyens de paiement acceptés et les procédures correspondantes sont indiqués

10.10 Les conditions de garantie (durée, options, extensions, tarifs, restrictions, etc) sont indiquées

10.11 Les conditions de fonctionnement du service après-vente (tarifs, horaires, moyens de contact, etc) sont indiquées

10.12 Une adresse de livraison différente de l'adresse de facturation peut être spécifiée.

10.13 Les informations relatives à la zone de livraison des produits ou de réalisation des services sont indiquées

10.14 Aucun produit ni service annexe n'est ajouté au panier de commande sans que cette action soit déclenchée par l'utilisateur.

11. Sécurité & Vie privée

11.1 Le site affiche une déclaration complète et détaillée de sa politique de sécurité et protection de données personnelles

11.2 Les formulaires de collecte de données sur l'utilisateur offrent l'option de demander son autorisation d'être exploitées ou sa permission de recevoir des

messages non sollicités