À propos

Alsacréations est une communauté dédiée à la conception web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, au langage (X)HTML, ainsi qu'à l'accessibilité du Web en général.

L'univers Alsacréations est articulé autour de trois univers : un ensemble de cours et de tutoriels (« Apprendre »), un espace communautaire contenant un forum de discussion (« Forum »), et un service de recherche et d'offres d'emploi (« Emploi »).

Si vous êtes nouveau ou perdu sur le site, n'hésitez pas à consulter le Plan du site, qui est un sommaire général de tous les contenus présents.

Certains contenus du site sont disponibles sous une licence Creative Commons « Attribution - Pas d'Utilisation Commerciale - Partage à l'Identique 2.0 France (CC BY-NC-SA 2.0) ». Référez-vous aux mentions légales pour les détails.

Apprendre

À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, les feuilles de style CSS, l'accessibilité, PHP, JavaScript, etc.

Cet univers est divisé en plusieurs rubriques :

  • Actualités : toutes les news du web et des standards
  • Tutoriels : les apprentissages concrets, pas à pas et les sujets de fond
  • Astuces : les questions-réponses fréquentes (ex-FAQ)
  • Outils : la trousse à outils utiles

Forum

Le Forum d'Alsacréations exclusivement dédié aux standards W3C réunit une communauté très active autour de thèmes comme les CSS, le (X)HTML, la sémantique, l'accessibilité aux personnes handicapées, etc.

L'univers du forum regroupe également toutes les activités communautaires d'Alsacréations : les concours, les quiz ludiques.

Emploi

Le Service Emploi proposé par Alsacréations réunit les acteurs du monde professionnel en demeurant dans l'esprit général du site, c'est à dire résolument dédié aux offres et demandes ayant un rapport avec les standards web. Cette spécificité permet de cibler ses recherches dans le monde de la conception web aux normes.

Politique d'accessibilité

Taille d'affichage

Les textes de contenu d'Alsacréations ont une taille de police relative, c'est à dire agrandissable selon les besoins.

Pour modifier la taille d'affichage du texte :

  • Avec divers navigateurs : Ctrl + molette de la souris
  • Internet Explorer : allez dans Affichage >> Taille du texte et choisissez.
  • Mozilla Firefox, Safari, Chrome : faites Ctrl + + pour agrandir et Ctrl + - pour diminuer.
  • Opera : appuyez sur les touches + ou - du pavé numérique. Ou bien allez dans Affichage >> Zoom et choisir.

Aides à la navigation

Liens d'évitement

Menu placé dès le début du document, ces liens permettent dès le chargement de la page d'accéder directement à la partie recherchée : au contenu, au menu général, au moteur de recherche, etc. sans avoir à parcourir des informations non souhaitées.

Ces liens facilitent l'accès au site pour les handicapés et notamment les non voyants : ils leurs permettent de se placer directement à l'endroit souhaité.

Navigation par tabulation

Appuyez sur Tab et répétez jusqu'à sélectionner le lien désiré, validez par Entrée

Raccourcis clavier (accesskeys)
  • s = Aller directement au contenu
  • 0 = Politique d'accessibilité
  • 1 = Aller à l'Accueil du site
  • 3 = Aller au Plan du site
  • 4 = Aller au formulaire de recherche
  • 7 = Contacter le webmaster

Note : il n'existe pas de standard en terme de choix de raccourcis clavier; cependant, une liste recommandée a été établie par le site Accessiweb.

Mode d'emploi :

  • Mozilla Firefox, Safari, Netscape (Windows) : Appuyez simultanément sur la touche Shift et Alt, ainsi que sur une des touches accesskey du clavier (pas le pavé numérique). Vous vous rendrez directement à l'endroit voulu.
    Note : sur un clavier de type « QWERTY » ou « QWERTZ » (allemand), la touche Shift est inutile pour déclencher l'accesskey.
  • Internet Explorer (Windows) : Appuyez simultanément sur la touche Alt et sur une des touches accesskey du clavier (pas le pavé numérique) et ensuite appuyez sur la touche Entrée pour vous rendre à l'endroit voulu.
  • Opera (Windows, Mac et Linux) : Esc + Shift et accesskey
  • Safari, Internet Explorer (Mac OS X) : Ctrl et accesskey
  • Mozilla, Netscape (Mac OS X) : Ctrl et accesskey
  • Mozilla Firefox, Galeon (Linux) : Alt et accesskey
  • Konqueror (Linux) : Ctrl, puis accesskey (successivement)
  • Les navigateurs plus anciens (Netscape 4, Camino, Galeon, Konqueror avant la version 3.3.0, Omniweb, Safari avant la version 1.2, Opera Windows/Linux avant la version 7) ne supportent pas les accesskeys.

Philosophie de conception

Le principe du Web est de fournir un contenu auquel il est possible d'accéder de façon équivalente quel que soit son matériel, son environnement, son navigateur, ses déficiences ou sa culture (langue).

Pour être plus clair, une page web doit être réfléchie et conçue afin que ce qu'elle contient soit totalement indépendant de la façon dont ce contenu sera restitué sur un écran ou n'importe quel dispositif (équipement mobile, TV, moteur de recherche, imprimante, plage braille, etc.)

Cette séparation du contenu (c'est à dire la partie qui « doit » être universellement accessible, c'est à dire le document HTML) et de la mise en page (la partie qui ne s'adresse qu'aux médias graphiques, c'est à dire les CSS) permet de véhiculer le même message à chaque utilisateur et ce quel que soit son outil.

Le (X)HTML et les normes tendent à aller de plus en plus dans cette philosophie de la séparation contenu (HTML) / forme (CSS) pour de nombreuses autres raisons encore.

Alsacréations a pour but de s'adresser à tous ses visiteurs quels qu'ils soient, et dans cette optique applique à la lettre le principe de séparation entre le code HTML et la présentation CSS.

Le logo est à libre disposition, faites-en bon usage (hors but commercial). Ces logos sont publiés sous licence « Creative Commons Paternité - Non Commercial 2.0 France »