forked from DISIC/guide-integrateur
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (84 loc) · 3.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>Images - Démonstrations - Guide de l'intégrateur - RGAA 3.0</title>
<link rel="stylesheet" href="../css/demo.css" media="screen">
<link rel="stylesheet" href="../css/liens.css" media="screen">
<script src="../../js/highlight.pack.js"></script>
<link rel="stylesheet" href="../../css/tomorrow-night-eighties.css" media="screen">
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<header role="banner" class="main-header">
<div class="inside">
<h1>Guide de l'intégrateur</h1>
<p><a href="../../9-images.md">Revenir à la fiche pratique « Images »</a></p>
</div>
</header>
<div id="wrapper">
<nav role="navigation" class="nav-demo" id="nav">
<h2>Listes des démonstrations</h2>
<ul>
<li class="level"><span>Navigation</span>
<ul>
<li><a href="../2-navigation/access-rapide.html">Liens d'accès rapide</a></li>
<li><a href="../2-navigation/collection.html">Collection de pages</a></li>
<li><a href="../2-navigation/page-active.html">Indication de la page active</a></li>
</ul>
</li>
<li><a href="../5-liens/index.html">Liens</a></li>
<li class="level"><span>Formulaires</span>
<ul>
<li><a href="../6-formulaires/etiquettes.html">Étiquettes de champs</a></li>
<li><a href="../6-formulaires/aides-controles-saisie.html">Aides à la saisie</a></li>
<li><a href="../6-formulaires/regroupement.html">Regroupement de champs</a></li>
</ul>
</li>
<li><a href="../7-focus/index.html">Focus</a></li>
<li><a href="../9-images/index.html">Images</a></li>
<li><a href="../11-agrandissement-des-caracteres/index.html">Agrandissement des caractères</a></li>
</ul>
</nav>
<main role="main" id="main">
<section>
<h2 class="fiche-title">Images - Démonstrations</h2>
</section>
<article class="article" id="article1">
<h3>Images légendées</h3>
<div class="col-1-2">
<h4 class="right">Conforme : Image correctement légendée</h4>
<figure role="group">
<img src="../img/images-legendees.jpg" alt="Illustration 1" />
<figcaption><span class="sr">Illustration 1 - </span>Copyright Simon Jérémi - 1985</figcaption>
</figure>
<pre><code class="code html">
<figure role="group">
<img src="img.png" alt="Illustration 1" />
<figcaption><span class="sr">Illustration 1 - </span>Copyright Simon Jérémi - 1985</figcaption>
</figure>
</code></pre>
</div>
<div class="col-1-2">
<h4 class="wrong">Non conforme : Pas de lien textuel entre l'image et sa légende</h4>
<figure role="group">
<img src="../img/images-legendees.jpg" alt="" />
<figcaption>Copyright Simon Jérémi - 1985</figcaption>
</figure>
<pre><code class="code html">
<figure role="group">
<img src="img.png" alt="" />
<figcaption>Copyright Simon Jérémi - 1985</figcaption>
</figure>
</code></pre>
</div>
</article>
</main>
<footer id="footer" role="contentinfo" class="clear">
<h2>Licence d'utilisation</h2>
<p class="logo-smgap"><a href="http://references.modernisation.gouv.fr/"><img src="../img/modernisation-logo.jpg" alt="Secrétariat général pour le modernisation de l'action publique"></a></p>
<p>Ce document est la propriété du Secrétariat général à la modernisation de l'action publique français (SGMAP). Il est placé sous la <a href="https://www.etalab.gouv.fr/licence-ouverte-open-licence">licence ouverte 1.0 ou ultérieure</a>, équivalente à une licence <i lang="en">Creative Commons BY</i>. Pour indiquer la paternité, ajouter un lien vers la version originale du document disponible sur le <a href="https://github.com/DISIC">compte <span lang="en">GitHub</span> de la DInSIC</a>.</p>
</footer>
</div>
</body>
</html>