Skip to content

Commit 19962ee

Browse files
BrahimMahadiBrahimMahadi
committed
Updated headings and added paragraph
1 parent 5914bfc commit 19962ee

File tree

3 files changed

+61
-27
lines changed

3 files changed

+61
-27
lines changed

‎common/scaffolding/index.json-ld‎

Lines changed: 27 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
"en": "HTML elements used as is.",
1515
"fr": "Les éléments HTML utilisé tel quel."
1616
},
17-
"modified": "2023-08-24",
17+
"modified": "2024-02-27",
1818
"componentName": "scaffolding",
1919
"processing": "baseline",
2020
"status": "stable",
@@ -31,14 +31,36 @@
3131
"path": "formulaires.html"
3232
},
3333
{
34-
"title": "Typography",
34+
"title": "Text level semantics",
3535
"language": "en",
36-
"path": "typography.html"
36+
"path": "text-level-semantics.html"
3737
},
3838
{
39-
"title": "Typographie",
39+
"title": "Sémantique au niveau du texte",
4040
"language": "fr",
41-
"path": "typographie.html"
41+
"path": "texte-niveau-semantique.html"
42+
}
43+
],
44+
"reports": [
45+
{
46+
"title": "Accessibility assessment #1 - Input focus",
47+
"language": "en",
48+
"path": "reports/a11y-1-en.html"
49+
},
50+
{
51+
"title": "Évaluation d'accessibilité #1 - Visibilité du focus",
52+
"language": "fr",
53+
"path": "reports/a11y-1-fr.html"
54+
},
55+
{
56+
"title": "Text level semantics - Full Accessibility assessment",
57+
"language": "en",
58+
"path": "reports/ally-assess-1-en.html"
59+
},
60+
{
61+
"title": "Texte de niveau sémantique - Évaluation d'accessibilité complète",
62+
"language": "fr",
63+
"path": "reports/ally-assess-1-fr.html"
4264
}
4365
]
4466
}

‎common/scaffolding/typographie.html‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,20 @@
66
"breadcrumbs": [
77
{ "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" }
88
],
9-
"dateModified": "2023-08-24"
9+
"dateModified": "2024-03-06"
1010
}
1111
---
1212

13-
<h1>Titres</h1>
14-
<h1>Il s'agit d'un élément de titre h1</h1>
15-
<h2>Il s'agit d'un élément de titre h2</h2>
16-
<h3>Il s'agit d'un élément de titre h3</h3>
17-
<h4>Il s'agit d'un élément de titre h4</h4>
18-
<h5>Il s'agit d'un élément de titre h5</h5>
19-
<h6>Il s'agit d'un élément de titre h6</h6>
13+
<p>Le contenu suivant utilise des en-têtes sémantiques HTML pour démontrer leur rendu et leur style. Un paragraphe sur le rôle de l'aria leur a été ajouté pour minimiser l'impact de la technologie d'assistance.</p>
14+
15+
<h2>Titres</h2>
16+
17+
<h1 role="paragraph">Il s'agit d'un élément de titre h1</h1>
18+
<h2 role="paragraph">Il s'agit d'un élément de titre h2</h2>
19+
<h3 role="paragraph">Il s'agit d'un élément de titre h3</h3>
20+
<h4 role="paragraph">Il s'agit d'un élément de titre h4</h4>
21+
<h5 role="paragraph">Il s'agit d'un élément de titre h5</h5>
22+
<h6 role="paragraph">Il s'agit d'un élément de titre h6</h6>
2023
<pre><code>
2124
&lt;h1&gt;Il s'agit d'un élément de titre h1&lt;/h1&gt;
2225
&lt;h2&gt;Il s'agit d'un élément de titre h2&lt;/h2&gt;
@@ -26,14 +29,17 @@ <h6>Il s'agit d'un élément de titre h6</h6>
2629
&lt;h6&gt;Il s'agit d'un élément de titre h6&lt;/h6&gt;
2730
</code></pre>
2831

29-
<h1>Paragraphe</h1>
32+
<h2>Paragraphe</h2>
33+
3034
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
3135
<pre><code>
3236
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
3337
</code></pre>
3438

35-
<h1>Largeur de contenu limitée</h1>
39+
<h2>Largeur de contenu limitée</h2>
40+
3641
<p>Pour un exemple de contenu de largeur limitée, visitez le lien suivant: <a href="https://wet-boew.github.io/GCWeb/templates/content-limit-en.html">Page de contenu - Largeur de contenu limitée</a></p>
3742

38-
<h1>Sémantique au niveau du texte</h1>
43+
<h2>Sémantique au niveau du texte</h2>
44+
3945
<p>Pour un exemple de sémantique au niveau du texte qui présente les liens et regroupe les éléments associés, visitez le lien suivant: <a href="https://wet-boew.github.io/GCWeb/common/text-level-semantics/text-level-semantics.html">Sémantique au niveau du texte</a></p>

‎common/scaffolding/typography.html‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,20 @@
66
"breadcrumbs": [
77
{ "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" }
88
],
9-
"dateModified": "2023-08-24"
9+
"dateModified": "2024-03-06"
1010
}
1111
---
1212

13-
<h1>Headings</h1>
14-
<h1>This is an h1 heading element</h1>
15-
<h2>This is an h2 heading element</h2>
16-
<h3>This is an h3 heading element</h3>
17-
<h4>This is an h4 heading element</h4>
18-
<h5>This is an h5 heading element</h5>
19-
<h6>This is an h6 heading element</h6>
13+
<p>The following content is using HTML semantic headings for demonstrating their rendering and styling. An aria role paragraph was added to them to minimize the impact with assistive technology.</p>
14+
15+
<h2>Headings</h2>
16+
17+
<h1 role="paragraph">This is an h1 heading element</h1>
18+
<h2 role="paragraph">This is an h2 heading element</h2>
19+
<h3 role="paragraph">This is an h3 heading element</h3>
20+
<h4 role="paragraph">This is an h4 heading element</h4>
21+
<h5 role="paragraph">This is an h5 heading element</h5>
22+
<h6 role="paragraph">This is an h6 heading element</h6>
2023
<pre><code>
2124
&lt;h1&gt;This is an h1 heading element &lt;/h1&gt;
2225
&lt;h2&gt;This is an h2 heading element &lt;/h2&gt;
@@ -26,14 +29,17 @@ <h6>This is an h6 heading element</h6>
2629
&lt;h6&gt;This is an h6 heading element &lt;/h6&gt;
2730
</code></pre>
2831

29-
<h1>Paragraph</h1>
32+
<h2>Paragraph</h2>
33+
3034
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
3135
<pre><code>
3236
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
3337
</code></pre>
3438

35-
<h1>Limited width content</h1>
39+
<h2>Limited width content</h2>
40+
3641
<p>For an example of content with limited width, visit the following link: <a href="https://wet-boew.github.io/GCWeb/templates/content-limit-en.html">Content page - Limited width content</a></p>
3742

38-
<h1>Text level semantics</h1>
43+
<h2>Text level semantics</h2>
44+
3945
<p>For an example of text-level semantics which showcases links and grouping related elements, visit the following link: <a href="https://wet-boew.github.io/GCWeb/common/text-level-semantics/text-level-semantics.html">Text level semantics</a></p>

0 commit comments

Comments
 (0)