Les différents livrables, outils et principes d'architecture demandés dans le cadre d'un développement web pour l'État de Vaud vous sont présentés ci-après.

Le design (HTML, CSS, JS) doit être présenté sous la forme d’une librairie de composant et styleguide Fractal. Cela permet de visualiser le comportement du site et des différents modules qui le compose et de les documenter.

Une architecture du site selon le principe de l'Atomic Design est conseillé.

Les navigateurs à supporter selon browserlist sont les suivants:

• last 2 versions : the last 2 versions for each major browser.
• > 5% in CH: uses CH usage statistics.
• Firefox ESR: the latest Firefox ESR version.

Les prestations offertes par l'administration cantonale sont soumises l'Ordonnance sur l'égalité pour les handicapés(OHand).

L'information et les prestations de communication ou de transaction proposées sur Internet doivent être accessibles aux personnes handicapées de la parole, de l'ouïe, de la vue ou handicapées moteur. A cet effet, les sites doivent être aménagés conformément aux standards informatiques internationaux, notamment aux directives régissant l'accessibilité des pages Internet, édictées par le Consortium World Wide Web (W3C) et, subsidiairement, aux standards nationaux. — OHand art. 10

De ce fait, les développements doivent répondre aux exigences WCAG 2.0 level AA.

Le code HTML doit être validé et ne présenter aucune erreur signalé par le validateur du W3C.

Les CSS ne doivent présenter aucune erreur.

L'architecture des feuilles de style doit éviter d'être trop spécifique et être modulable. Elles doivent être développées selon le principe d'architecture ITCSS Cela a comme effet de faciliter leur maintenance.

Des framework CSS comme Bootstrap peuvent être utilisés même si une CSS dédiée est préférable. Il est cependant demandé de désactiver tous les composants qui ne sont pas nécessaires.

Favoriser l'utilisation de SASS ou PostCSS plutôt que less.

Les feuilles de style doivent être documentées et commentées.

Le code Javascript ne doit présenter aucune erreur.

Privilégier npm si l'utilisation d'un gestionnaire de packets web est nécessaire.

Gulp.js a notre préférence.

A titre d'information, TYPO3 est le CMS utilisé à l'Etat de Vaud.

L'Etat de Vaud, se réserve le droit de rendre Open Source les travaux effectués. Merci de développer dans ce sens et de ne pas utiliser de matériel sujet à copyright.

Si vous avez des questions, n'hésitez pas à nous contacter en ouvrant un cas.