Aide et accessibilité

Le site https://mai-boutique.saint-etienne.fr est un site de la mairie de Saint-Étienne.

Aide à l’orientation

Le site https://mai-boutique.saint-etienne.fr est structuré de la manière suivante :

Le bandeau d’en-tête est constitué

de liens permettant d’accéder directement au menu, ou au contenu
de bouton permettant d’améliorer le contraste de l’écran, d’afficher une police d’écriture pour dyslexique, d’agrandir ou diminuer la taille de la police
d’un lien vers la page « Aide et accessibilité »
d’un lien vers le plan du site, qui vous permet d’avoir une vue d’ensemble de la structure du site ainsi qu’un accès à son contenu
d’un lien vers la page de contact
du logo de la boutique du MAI, qui redirige vers la page d’accueil du site
du menu principal, comprenant un retour à l’accueil et cinq grandes thématiques (Accueil, En pratique, Loisirs & Vacances, Vie quotidienne, Enfants, Coup de pouce)

La page d’accueil contient

des blocs raccourcis vers les grandes thématiques
des blocs actualités

Les pages grandes permettent d’accéder aux sous-pages.

Les autres pages internes affichent leur contenu respectifs.

La colonne de gauche est constituée d’informations supplémentaires sur le contenu de la zone centrale.

Le pied de page propose :

des informations de contact
un raccourci vers la grande thématique « En pratique »
un formulaire de contact pour s’abonner à la newsletter
des liens vers les sites de nos partenaires

La navigation en pied de page permet d’accéder :

les mentions légales
les crédits

L’emplacement de ces zones s’ajuste à la taille de votre écran.
Le site dispose de repères permanents en haut et bas de page.
Placés en haut de page, ces liens permettent d’accéder directement à la partie recherchée (sans avoir à parcourir des informations non souhaitées) :

Accueil
Aller au menu
Aller au contenu
Aide & Accessibilité
Plan du site
Contact

Logo
Le logo vous permet, par un simple clic, de retourner sur la page d’accueil.

Moteur de recherche
Sur l’ensemble des pages, le champ de saisie du moteur de recherche est placé en haut de page.
Lorsque vous effectuez une recherche, le moteur de recherche liste les pages de pasdecalais.fr qui correspondent le mieux à vos attentes.

Fil d’Ariane
Sur l’ensemble des pages du site (hormis la page d’accueil), un fil d’Ariane, affiché en haut du contenu principal, rappelle le nom de la page dans laquelle vous vous trouvez et vous permet de revenir au niveau de navigation supérieur.

Navigation par tabulation
On peut naviguer d’un lien à l’autre à l’aide de la touche de « Tabulation » (appuyez sur la touche « Tab » et répétez jusqu’à sélectionner le lien désiré, validez avec la touche « Entrée »).

Toutes les pages de https://mai-boutique.saint-etienne.fr sont imprimables en cliquant sur l’icône « Imprimer » (Fichier > Imprimer) de votre navigateur.
Lors de l’impression d’une page, l’ensemble des éléments de navigation du site seront masqués afin que vous puissiez imprimer uniquement le contenu utile de votre information.

Utilisateurs de claviers, vous pouvez imprimer toute page du site en appuyant simultanément, une fois sur la page souhaitée, sur les touches « Ctrl » + « P » de votre clavier si vous êtes sur PC, ou sur les touches « Cmd » + « P » si vous êtes sous Mac.

Mise en favori
Vous pouvez marquer n’importe quelle page de ce site en favori. Pour cela, accédez à la page souhaitée, puis, dans la barre de menu en haut du navigateur :

sous Internet explorer : cliquez sur Favoris > Ajouter aux favoris
sous Mozilla Firefox : cliquez sur Marque-pages > Marquer cette page
sous Safari : cliquez sur Signets > Ajouter aux signets
sous Opéra : cliquez sur Signets > Signet vers la page
Utilisateurs de claviers, appuyez simultanément sur les touches « Ctrl » + « D » de votre clavier si vous êtes sur PC, ou sur les touches « Cmd » + « D » si vous êtes sous Mac.

Compatibilité avec les navigateurs
Ce site suit les préconisations faites par le W3C et est compatible XHTML 1.0 strict et CSS2.
Il est donc accessible via de nombreux navigateurs :

sur Windows : Internet Explorer 8, 7 et 6, Mozilla 1.x, Mozilla Firefox, Netscape, Opera, Chrome
sur Mac OS X : Opera, Safari, Mozilla 1.x, Mozilla Firefox, Netscape, Chrome
sur Linux : Mozilla 1.x, Mozilla Firefox, Opera, Chrome

Fonctionnalités d’affichage
Bouton « Dyslexie »
Placé en haut de page, le bouton « Dyslexie » permet de modifier la police de caractère afin de proposer une police adaptée aux personnes souffrant de dyslexie.

Pour modifier la taille des caractères
Dans le menu d’accessibilité en haut du site, les boutons « A-« , « A » et « A+ » permettent d’ajuster la taille des caractères. Cet affichage est compatible avec l’option d’affichage « Dyslexie ».

Pour modifier la taille du site
L’affichage du site s’adapte du format « téléphone » 320 x 460 pixels à n’importe quel largeur. Pour les grands écran, le contenu du site restera centré et aura une largeur de 1200 pixels.

Si vous naviguez sur PC, utilisez la combinaison de touches « Ctrl » + « + » (la touche « plus ») pour agrandir la taille des caractères.
La combinaison de touches « Ctrl » + « – » (la touche « moins ») permet de réduire la taille des caractères.
Des appuis successifs sur ces touches vous permettent d’augmenter ou de diminuer la taille des caractères par paliers.
La combinaison de touches « Ctrl » + « 0 » (le chiffre « zéro ») vous permet de revenir à la taille du texte par défaut.

Si vous naviguez sur Mac, remplacez, dans les combinaisons annoncées pour l’utilisation d’un PC, la touche « Ctrl » par la touche « Cmd ».

Modes d’écran
Deux modes d’écran vous sont proposés :

un « mode classique », qui est la présentation du site par défaut, avec un texte foncé sur un fond clair
un mode « contraste », simplifié à une couleur de fond et une couleur de caractère, possédant un rapport de haut contraste
Ces différents modes d’écran sont accessibles depuis le menu d’accessibilité placé en haut du site.

Discussion
Certaines actualités disposent d’un fil de discussion délibérément inséré par l’auteur.

Contacts
Vous pouvez contacter l’Unité des œuvres Sociales :

par téléphone au 04 77 49 73 00
par mail sur mai.eboutique@saint-etienne.fr
par voie postale à l’adresse suivante :
- 2 Pl. Louis Comte, 42000 Saint-Étienne

Accessibilité des contenus et respect des standards web
Les normes d’accessibilité numérique incluent les conditions suivantes :

les tailles des polices de caractère peuvent être agrandies et réduites
les images présentent, lorsqu’elles le nécessitent, des textes alternatifs
les changements de langue et les abréviations et acronymes sont signalés
les titres sont établis sur plusieurs niveaux
Il est possible de naviguer sur ce site sans utiliser la souris à l’aide de la navigation par tabulation
les pages sont correctement structurées et uniformes, tant sur le graphisme que sur la ligne éditoriale
les liens externes (menant à la sortie du site) sont signalés d’un symbole

Les pages sont organisées pour être tout à fait fonctionnelles, même si votre navigateur ne supporte pas le « JavaScript »
Les formulaires sont accessibles à partir de tout support (ordinateur de bureau, tablette, téléphone portable)
La mise en forme du site est séparée de son contenu grâce à l’utilisation des feuilles de style. L’utilisation des propriétés de positionnement CSS, en séparant totalement présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, menus, contenu, etc.