perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- improve accessibility after check with wave and axe :

Browse Source 
- title to links
	- title to iframe
	- put everything in main region
This commit is contained in:
asus
2023-11-29 23:48:58 +01:00
parent 0aa774b21f
commit 0dd0ff4843
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -36,6 +36,7 @@
-->
<body id="body">
<main>
<!--
PROJECTS
@@ -55,15 +56,15 @@
<figcaption class="project_description" data-flex="vertical left">
<h3>extension worpress :</h3><p>extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères</p>
<ul>
<li>lien du site : <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer"></a></li>
<li>lien du code : <a href="incomming" target="_blank" rel="noopener noreferrer"></a></li>
<li>lien du site : <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer" title="link to the webpage the running plugin"></a></li>
<li>lien du code : <a href="incomming" target="_blank" rel="noopener noreferrer" title="link to the source code of the plugin"></a></li>
<li>technologies : wordpress backend, php, javascript, html, css, google maps javascript API, google maps geocoding API, google maps markerclusterer</li>
</ul>
</figcaption>
<iframe
src="https://2022.lejourdesprofs.org/hugogogo/"
data-flex="center"
title="description"
title="embedded plugin from it's original website"
sandbox="allow-scripts allow-popups"
></iframe>
</figure>
@@ -90,7 +91,7 @@
 
</pre>
</div>
<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" target="_blank" rel="noopener noreferrer">version pdf</a></h2>
<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">version pdf</a></h2>
<details>
<summary>
<h3>Formations informatique</h3>
@@ -105,9 +106,9 @@
<h3>Projets informatique</h3>
</summary>
<ul>
<li>Full-stack, reprise d’un site d’artistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
<li>Backend, plugin WordPress avec API Google Maps, <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer"></a>, 2022</li>
<li>Site vitrine, association Kosmopolit, <a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
<li>Full-stack, reprise d’un site d’artistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer" title="link to bloc-house website"></a>, 2021</li>
<li>Backend, plugin WordPress avec API Google Maps, <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer" title="link to lejourdesprofs website"></a>, 2022</li>
<li>Site vitrine, association Kosmopolit, <a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer" title="link to kosmopolit website"></a>, 2021</li>
</ul>
</details>
<details>
@@ -707,5 +708,6 @@
</main>
</body>
</html>

4
styles/style.css
View File

@@ -5,7 +5,7 @@
html {
font-size: var(--base_font_size);
}
body {
body, main {
overflow-x: hidden;
margin: auto;
width: fit-content;
@@ -43,7 +43,7 @@ pre {
#banner_7 { grid-area: banner_7; display: none;}
#banner_8 { grid-area: banner_8; display: none;}
#body {
main {
/*
*/
display: grid;