Cahier des charges technique

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.

PatternLab

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é.

Navigateurs

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.

Accessibilité

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.

HTML

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

CSS

Les CSS ne doivent présenter aucune erreur.

Architecture

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.

Framework

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.

Preprocesseur

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

Styleguide

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

JavaScript

Le code Javascript ne doit présenter aucune erreur.

Web package manager

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

Taskrunner

Gulp.js a notre préférence.

CMS TYPO3

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

Open Source

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.

---

Questions

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