Websites

Toegankelijkheid

Links in lopende tekst

• Zorg in lopende teksten voor voldoende kleuronderscheid van links ten opzichte van omringende tekst. Contrast tussen de link en de achtergrond moet minimaal 4,5 zijn. Het contrast tussen de link en de omringende tekst moet minimaal 3,1 zijn.
• Gebruik PNB Lichtblauw + 30% zwart #2A7AA1 in de zwarte lopende tekst.

Opmaakstijlen websites

Online zijn er minder opmaakstijlen ten opzichte van offline. Hieronder zie je de stijlen gedefiniëerd voor brabant.nl. Er wordt gebruik gemaakt van de Futura PT voor de koppen en Arial voor de bodytekst.

Bekijk de componentensite voor de website van de provincie Noord-Brabant

Elementen op websites

• Volgens de WCAG-richtlijnen is voor optimale toegankelijkheid bij hovers niet alleen een kleurverandering voldoende, maar er moet ook visueel een duidelijke verandering zichtbaar zijn.
• Voor hovers in tekst gebruiken we dus niet alleen een donkere kleur, maar wordt de tekst ook onderstreept (underlined). Uitzonderingen zijn de ronde knoppen.

Projectwebsites

De website brabant.nl heeft als hoofdkleur PNB rood. Dit is de enige site die deze kleur mag gebruiken als hoofdkleur. Subsites krijgen een eigen kleurthema.

Kleur

Voor subsites kies je een kleurthema uit het kleurenpalet. Gebruik nooit een andere kleur.

Ieder kleurthema is toereikend voor de doorvoering op een projectsite volgens de richtlijnen op de componentensite:

• De 1e kleur altijd de basiskleur
• De 2e kleur de 15% kleur van de gekozen volle kleur. (Met zwarte tekst altijd toegankelijk.)
• De 3e kleur is altijd Warmgrijs uit het palet (#EAEDEE)

Let op! Kies je kleurthema zorgvuldig, want alle middelen die rond dit thema of project worden uitgegeven krijgen deze kleur als basis.

Lees meer over kleuren

Typografie

Voor subsites gebruik je voor de tekst de fonts en groottes uit de algemene richtlijnen. De headings worden op subsites altijd zwart. De headings kleuren dus niet mee met de gekozen themakleur.

Logo en titel

Het provincie Noord-Brabant logo plaats je linksboven. Daaronder de titel van het project.