Accessibility : first review

This commit is contained in:
elkmaennchen 2022-04-14 18:14:27 +02:00
parent c52a3e216e
commit 6bae319cd6
Signed by: elkmaennchen
GPG key ID: E5C850EB50335184
5 changed files with 63 additions and 62 deletions

View file

@ -18,7 +18,7 @@ title: Home
</h2>
<p>
<a class="button is-medium has-text-weight-bold is-success mb-1" href="{{< ref "register" >}}">
Register »
Register
</a>
<a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "faq" >}}">
Need help ?
@ -29,11 +29,11 @@ title: Home
</p>
</div>
<div class="column is-5 is-offset-1 has-text-centered">
{{< figure src="../images/logo.svg" class="mx-6" >}}
{{< figure src="../images/logo.svg" class="mx-6" alt="logo Aurore" >}}
<p>
With the support of:
<a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="CROUS Versailles"/></a>
<a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="../images/logo_ups.svg" alt="Paris-Saclay University"/></a>
<a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="CROUS Versailles logo"/></a>
<a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="../images/logo_ups.svg" alt="Paris-Saclay University logo"/></a>
</p>
</div>
</div>
@ -56,12 +56,12 @@ title: Home
<h4>Wired Internet</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/cable.svg" title="" >}}
{{< figure src="../images/feature/cable.svg" title="" alt="logo wired internet" >}}
</div>
<div class="card-text">
<p>1Gb/s symetric bandwidth with IPv6 support</p>
</div>
<a class="stretched-link" href="{{< ref "connection" >}}"></a>
<a class="stretched-link" href="{{< ref "connection" >}}" title="Wired Internet"></a>
</div>
</div>
@ -71,12 +71,12 @@ title: Home
<h4>Wi-Fi coverage</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/wifi.svg" title="" >}}
{{< figure src="../images/feature/wifi.svg" title="" alt="logo wifi internet" >}}
</div>
<div class="card-text">
<p>Wi-Fi in 5 CROUS dormatories and FedeRez Wi-Fi</p>
</div>
<a class="stretched-link" href="{{< ref "connection" >}}"></a>
<a class="stretched-link" href="{{< ref "connection" >}}" title="Wi-Fi coverage"></a>
</div>
</div>
@ -86,12 +86,12 @@ title: Home
<h4>NextCloud</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/nextcloud.svg" title="" >}}
{{< figure src="../images/feature/nextcloud.svg" title="" alt="logo nextcloud" >}}
</div>
<div class="card-text">
<p>Life-time 30Go cloud storage</p>
</div>
<a class="stretched-link" href="https://nextcloud.auro.re/"></a>
<a class="stretched-link" href="https://nextcloud.auro.re/" title="NextCloud"></a>
</div>
</div>
@ -101,12 +101,12 @@ title: Home
<h4>Jitsi</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/jitsi.svg" title="" >}}
{{< figure src="../images/feature/jitsi.svg" title="" alt="logo jitsi" >}}
</div>
<div class="card-text">
<p>Simple and easy video-conferencing</p>
</div>
<a class="stretched-link" href="https://jitsi.auro.re/"></a>
<a class="stretched-link" href="https://jitsi.auro.re/" title="Jitsi"></a>
</div>
</div>
@ -116,12 +116,12 @@ title: Home
<h4>Gitea</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/gitea.svg" title="" >}}
{{< figure src="../images/feature/gitea.svg" title="" alt="logo gitea" >}}
</div>
<div class="card-text">
<p>Software development platform</p>
</div>
<a class="stretched-link" href="https://gitea.auro.re/"></a>
<a class="stretched-link" href="https://gitea.auro.re/" title="Gitea"></a>
</div>
</div>
@ -131,12 +131,12 @@ title: Home
<h4>Matrix server</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/matrix.svg" title="" >}}
{{< figure src="../images/feature/matrix.svg" title="" alt="logo matrix" >}}
</div>
<div class="card-text">
<p>Secure and federated instant messaging</p>
</div>
<a class="stretched-link" href="https://element.auro.re/"></a>
<a class="stretched-link" href="https://element.auro.re/" title="Matrix server"></a>
</div>
</div>
@ -146,12 +146,12 @@ title: Home
<h4>MiniFlux</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/miniflux.svg" title="" >}}
{{< figure src="../images/feature/miniflux.svg" title="" alt="logo RSS" >}}
</div>
<div class="card-text">
<p>RSS feed reader</p>
</div>
<a class="stretched-link" href="https://rss.auro.re/"></a>
<a class="stretched-link" href="https://rss.auro.re/" title="MiniFlux"></a>
</div>
</div>
@ -161,12 +161,12 @@ title: Home
<h4>HedgeDoc</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/hedgedoc.svg" title="" >}}
{{< figure src="../images/feature/hedgedoc.svg" title="" alt="logo hedgedoc" >}}
</div>
<div class="card-text">
<p>Collaborative document editor in Markdown</p>
</div>
<a class="stretched-link" href="https://codimd.auro.re/"></a>
<a class="stretched-link" href="https://codimd.auro.re/" title="HedgeDoc"></a>
</div>
</div>
@ -176,12 +176,12 @@ title: Home
<h4>Etherpad</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/etherpad.svg" title="" >}}
{{< figure src="../images/feature/etherpad.svg" title="" alt="logo etherpad" >}}
</div>
<div class="card-text">
<p>Collaborative note taking</p>
</div>
<a class="stretched-link" href="https://pad.auro.re/"></a>
<a class="stretched-link" href="https://pad.auro.re/" title="Etherpad"></a>
</div>
</div>
@ -191,12 +191,12 @@ title: Home
<h4>PrivateBin</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/privatebin.svg" title="" >}}
{{< figure src="../images/feature/privatebin.svg" title="" alt="logo privatebin">}}
</div>
<div class="card-text">
<p>Secure text sharing</p>
</div>
<a class="stretched-link" href="https://privatebin.auro.re/"></a>
<a class="stretched-link" href="https://privatebin.auro.re/" title="PrivateBin"></a>
</div>
</div>
@ -206,19 +206,19 @@ title: Home
<h4>Kanboard</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/kanboard.svg" title="" >}}
{{< figure src="../images/feature/kanboard.svg" title="" alt="logo kanboard" >}}
</div>
<div class="card-text">
<p>Projects tracking tool</p>
</div>
<a class="stretched-link" href="https://kanboard.auro.re/"></a>
<a class="stretched-link" href="https://kanboard.auro.re/" title="Kanboard"></a>
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-narrow is-hidden-touch">
<img src="../images/chat.png" width="200" alt="" title="Artwork by David Revoy"/>
<img src="../images/chat.png" width="200" alt="cat drawn by David Revoy" title="Artwork by David Revoy"/>
</div>
<div class="column">
<p class="is-size-5">
@ -251,7 +251,7 @@ title: Home
</div>
<div class="has-text-centered">
<a href="https://umap.openstreetmap.fr/en/map/aurore_675973">
<img src="../images/map.jpg" alt="" />
<img src="../images/map.jpg" alt="Map of university domain with residences where Aurore is present" />
</a>
<p class="is-size-5">
We are also peering with
@ -266,7 +266,7 @@ title: Home
<div class="container">
<article class="message is-info">
<div class="message-header is-size-5">
<p>Want to help ?</p>
<h2 style="font-weight: bold">Want to help ?</h2>
</div>
<div class="message-body is-size-5">
If you want to discover what is happenning behind the scene,

View file

@ -18,7 +18,7 @@ title: Accueil
</h2>
<p>
<a class="button is-medium has-text-weight-bold is-success mb-1" href="{{< ref "register" >}}">
S'inscrire »
S'inscrire
</a>
<a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "faq" >}}">
Besoin d'aide ?
@ -29,11 +29,11 @@ title: Accueil
</p>
</div>
<div class="column is-5 is-offset-1 has-text-centered">
{{< figure src="../images/logo.svg" class="mx-6" >}}
{{< figure src="../images/logo.svg" class="mx-6" alt="logo Aurore" >}}
<p>
Ils nous soutiennent :
<a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="CROUS de Versailles" /></a>
<a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="../images/logo_ups.svg" alt="université Paris-Saclay" /></a>
<a href="https://www.crous-versailles.fr/" target="_blank"><img class="logo-small" src="../images/logo_crous.png" alt="logo CROUS de Versailles" /></a>
<a href="https://www.universite-paris-saclay.fr/" target="_blank"><img class="logo-small" src="../images/logo_ups.svg" alt="logo université Paris-Saclay" /></a>
</p>
</div>
</div>
@ -56,12 +56,12 @@ title: Accueil
<h4>Une connexion filaire</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/cable.svg" title="" >}}
{{< figure src="../images/feature/cable.svg" title="" alt="logo connexion ethernet" >}}
</div>
<div class="card-text">
<p>d'un débit d'un 1Gb/s symétrique avec IPv6</p>
</div>
<a class="stretched-link" href="{{< ref "connection" >}}"></a>
<a class="stretched-link" href="{{< ref "connection" >}}" title="Une connexion filaire"></a>
</div>
</div>
@ -71,12 +71,12 @@ title: Accueil
<h4>Une couverture Wi-Fi</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/wifi.svg" title="" >}}
{{< figure src="../images/feature/wifi.svg" title="" alt="logo wifi" >}}
</div>
<div class="card-text">
<p>Wi-Fi dans 5 résidences CROUS et Wi-Fi FedeRez</p>
</div>
<a class="stretched-link" href="{{< ref "connection" >}}"></a>
<a class="stretched-link" href="{{< ref "connection" >}}" title="Une couverture Wi-Fi"></a>
</div>
</div>
@ -86,12 +86,12 @@ title: Accueil
<h4>NextCloud</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/nextcloud.svg" title="" >}}
{{< figure src="../images/feature/nextcloud.svg" title="" alt="logo nextcloud" >}}
</div>
<div class="card-text">
<p>Stockage cloud de 30Go à vie</p>
</div>
<a class="stretched-link" href="https://nextcloud.auro.re/"></a>
<a class="stretched-link" href="https://nextcloud.auro.re/" title="NextCloud"></a>
</div>
</div>
@ -101,12 +101,12 @@ title: Accueil
<h4>Jitsi</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/jitsi.svg" title="" >}}
{{< figure src="../images/feature/jitsi.svg" title="" alt="logo jitsi" >}}
</div>
<div class="card-text">
<p>Visioconférence simple et sécurisée</p>
</div>
<a class="stretched-link" href="https://jitsi.auro.re/"></a>
<a class="stretched-link" href="https://jitsi.auro.re/" title="Jitsi"></a>
</div>
</div>
@ -116,12 +116,12 @@ title: Accueil
<h4>Gitea</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/gitea.svg" title="" >}}
{{< figure src="../images/feature/gitea.svg" title="" alt="logo gitea" >}}
</div>
<div class="card-text">
<p>Forge pour le développement de logiciels</p>
</div>
<a class="stretched-link" href="https://gitea.auro.re/"></a>
<a class="stretched-link" href="https://gitea.auro.re/" title="Gitea"></a>
</div>
</div>
@ -131,12 +131,12 @@ title: Accueil
<h4>Serveur Matrix</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/matrix.svg" title="" >}}
{{< figure src="../images/feature/matrix.svg" title="" alt="logo matrix" >}}
</div>
<div class="card-text">
<p>Messagerie instantanée en ligne chiffrée et décentralisée</p>
</div>
<a class="stretched-link" href="https://element.auro.re/"></a>
<a class="stretched-link" href="https://element.auro.re/" title="Serveur Matrix"></a>
</div>
</div>
@ -146,12 +146,12 @@ title: Accueil
<h4>MiniFlux</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/miniflux.svg" title="" >}}
{{< figure src="../images/feature/miniflux.svg" title="" alt="logo RSS" >}}
</div>
<div class="card-text">
<p>Lecteur de flux RSS pour suivre l'actualité</p>
</div>
<a class="stretched-link" href="https://rss.auro.re/"></a>
<a class="stretched-link" href="https://rss.auro.re/" title="MiniFlux"></a>
</div>
</div>
@ -161,12 +161,12 @@ title: Accueil
<h4>HedgeDoc</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/hedgedoc.svg" title="" >}}
{{< figure src="../images/feature/hedgedoc.svg" title="" alt="logo hedgedoc" >}}
</div>
<div class="card-text">
<p>Éditeur de documents collaboratif en Markdown</p>
</div>
<a class="stretched-link" href="https://codimd.auro.re/"></a>
<a class="stretched-link" href="https://codimd.auro.re/" title="HedgeDoc"></a>
</div>
</div>
@ -176,12 +176,12 @@ title: Accueil
<h4>Etherpad</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/etherpad.svg" title="" >}}
{{< figure src="../images/feature/etherpad.svg" title="" alt="logo etherpad" >}}
</div>
<div class="card-text">
<p>Prise de notes collaboratives</p>
</div>
<a class="stretched-link" href="https://pad.auro.re/"></a>
<a class="stretched-link" href="https://pad.auro.re/" title="Etherpad"></a>
</div>
</div>
@ -191,12 +191,12 @@ title: Accueil
<h4>PrivateBin</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/privatebin.svg" title="" >}}
{{< figure src="../images/feature/privatebin.svg" title="" alt="logo privatebin" >}}
</div>
<div class="card-text">
<p>Partage de texte sécurisé</p>
</div>
<a class="stretched-link" href="https://privatebin.auro.re/"></a>
<a class="stretched-link" href="https://privatebin.auro.re/" title="PrivateBin"></a>
</div>
</div>
@ -206,19 +206,19 @@ title: Accueil
<h4>Kanboard</h4>
</div>
<div class="card-icon">
{{< figure src="../images/feature/kanboard.svg" title="" >}}
{{< figure src="../images/feature/kanboard.svg" title="" alt="logo kanboard" >}}
</div>
<div class="card-text">
<p>Outil de suivi de projets</p>
</div>
<a class="stretched-link" href="https://kanboard.auro.re/"></a>
<a class="stretched-link" href="https://kanboard.auro.re/" title="Kanboard"></a>
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-narrow is-hidden-touch">
<img src="../images/chat.png" width="200" alt="" title="Artwork by David Revoy"/>
<img src="../images/chat.png" width="200" alt="Chat dessiné par David Revoy" title="Artwork by David Revoy"/>
</div>
<div class="column">
<p class="is-size-5">
@ -251,7 +251,7 @@ title: Accueil
</div>
<div class="has-text-centered">
<a href="https://umap.openstreetmap.fr/fr/map/aurore_675973">
<img src="../images/map.jpg" alt="" />
<img src="../images/map.jpg" alt="Carte du centre universitaire avec les résidences où Aurore est présente" />
</a>
<p class="is-size-5">
Nous sommes également interconnectés avec
@ -266,7 +266,7 @@ title: Accueil
<div class="container">
<article class="message is-info">
<div class="message-header is-size-5">
<p>Envie de participer ?</p>
<h2 style="font-weight: bold">Envie de participer ?</h2>
</div>
<div class="message-body is-size-5">
Si tu as envie de découvrir l'envers du décor, que ce soit la gestion

View file

@ -32,7 +32,7 @@ Matrix is an open and federated chat protocol. You may join a support room
dedicated to help members by follwing this link :
<https://matrix.to/#/#support:auro.re>.
{{< figure src="../../images/qrcode_support_aurore.svg" title="" >}}
{{< figure src="../../images/qrcode_support_aurore.svg" alt="QRcode to support chan on matrix" >}}
## Via Discord

View file

@ -31,7 +31,7 @@ Matrix est un protocole de communication ouvert et fédéré. Vous pouvez
rejoindre un salon de support dédié aux adhérents en suivant ce lien :
<https://matrix.to/#/#support:auro.re>.
{{< figure src="../../images/qrcode_support_aurore.svg" title="" >}}
{{< figure src="../../images/qrcode_support_aurore.svg" alt="QRcode vers le salon matrix de support" >}}
## Par Discord

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<html lang="{{ .Site.Language }}">
<head>
<meta charset="utf-8">
@ -44,7 +44,7 @@
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="{{ "/" | relLangURL }}">
<img src="{{ printf "/images/%s" .Site.Params.navbarlogo.image | relURL }}" alt="" width="112">
<img src="{{ printf "/images/%s" .Site.Params.navbarlogo.image | relURL }}" alt="logo Aurore" width="112">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
@ -64,6 +64,7 @@
<!-- Search -->
<div class="navbar-item control">
<label for="autoComplete" hidden>search</label>
<input class="input is-small has-background-grey-darker" id="autoComplete" type="search"
placeholder="{{ i18n "search" }}">
</div>