Gebruiker:Cierick Goos: verschil tussen versies

Huidige versie van 26 mrt 2024 om 17:29

Voorbeeld 1

Afbeelding in een kader met onderschrift en voorzien van een alternatieve tekst.

Bij klikken op de afbeelding kom je op de de pagina die bij de afbeelding hoort met daarop de metadata bij deze afbeelding. Door op de afbeelding te klikken op de metadata pagina van de afbeelding wordt de afbeelding in de originele (grotere) resolutie getoond.

Voorbeeld 2

Zelfde als voorbeeld 1 alleen is het klikgedrag aangepast.

Door te klikken op de afbeelding wordt de afbeelding in één keer in de originele (hoge) resolutie geopend.

De metadata pagina is nog steeds te bereiken door op het icoontje te klikken rechtsonder in het kader (op dezelfde regel als het onderschrift).

Voordeel: in één keer de hoogst mogelijke resolute van de afbeelding, intuïtief, dit klikgedrag zie je ook bij andere websites.

Nadeel: Levert een foutmelding (wegens een empty link) op in de Web Accessibility Evaluation Tool, zie: https://wave.webaim.org/report#/https://wiki.woudagemaal.nl/w/index.php?title=Gebruiker:Cierick_Goos

Wat te doen?

Ik heb al bij meerder afbeeldingen het klikgedrag aangepast zoals in voorbeeld 2. Dit geeft naar mijn idee de beste ervaring voor de gebruikers. Een metadata pagina verwacht men niet en ik heb al gemerkt dat bezoekers ook niet in de gaten hebben dat je nog een keer op de afbeelding kunt klikken om hem in de originele resolutie te bekijken.

Ik zie geen mogelijkheid om de foutmelding in de Web Accessibility Evaluation Tool weg te werken in de broncode, dit is iets van de wiki software. Ik kan niet beoordelen of de foutmelding ernstig genoeg is om het toegankelijkheidslabel negatief te beïnvloeden. En dat het dus verstandiger is om dan maar voor de oplossing in voorbeeld 1 te kiezen.

@@ Regel 1: / Regel 1: @@
-{{DISPLAYTITLE:<span style="opacity:0;position:absolute;">{{FULLPAGENAME}}</span>}}
+==Voorbeeld 1==
-<div class="scalable">
+[[Bestand:p000 & p001 - Dagboek van bestek 6.jpg|miniatuur|alt=Dagboek, bladzijde 1.|Dagboek bladzijde 1.]]
-[[Bestand:Woudagemaal met ondergaande zon, met wave.jpg|700px|gecentreerd|alt=Foto van het Woudagemaal met ondergaande zon op de achtergrond]]
-</div>
-<div class=titel>Welkom op Wouda's Wiki</div>
+Afbeelding in een kader met onderschrift en voorzien van een alternatieve tekst.
-<div class=ondertitel>De encyclopedie van het Woudagemaal</div>
-<div style="display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px;">
+Bij klikken op de afbeelding kom je op de de pagina die bij de afbeelding hoort met daarop de metadata bij deze afbeelding. Door op de afbeelding te klikken op de metadata pagina van de afbeelding wordt de afbeelding in de originele (grotere) resolutie getoond.
-<div style="flex: 1; margin: 5px; min-width: 215px; border: 1px solid #C8CCD1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px #EAECF0;">
+{{clear}}
-<h2 style="margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.5em; font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: 1px solid #a2a9b1;">Navigatie op deze wiki</h2>
-; [[Index]]
-: De index geeft een geordend overzicht van de pagina's op deze wiki.
-; [[:Category:Inhoud|Categorie structuur]]
-: Onderaan elke pagina staat vermeld in welke categorie deze is ingedeeld.
-; Zoekveld
-: Met het zoekveld is de gehele wiki doorzoekbaar.
-</div>
-<div style="flex: 1; margin: 5px; min-width: 215px; border: 1px solid #C8CCD1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px #EAECF0;">
+==Voorbeeld 2==
-<h2 style="margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.5em; font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: 1px solid #a2a9b1;">Over het Woudagemaal</h2>
+[[Bestand:p002 & p003 - Dagboek van bestek 6.jpg|miniatuur|link=https://wiki.woudagemaal.nl/w/images/2/27/P002_%26_p003_-_Dagboek_van_bestek_6.jpg|alt=Dagboek, bladzijde 2 & 3.|Dagboek bladzijden 2 & 3.]]
-Het Woudagemaal is het grootste nog werkende stoomgemaal ter wereld. Het werd in 1920 in gebruik genomen en is tot op de dag van vandaag nog altijd een belangrijk instrument in de Friese waterhuishouding.
-Het gemaal is eigendom van [[Wetterskip Fryslân]]. Sinds 1998 staat het op de UNESCO Werelderfgoed lijst.
+Zelfde als voorbeeld 1 alleen is het klikgedrag aangepast.
-[[Ir._D.F._Woudagemaal|Meer...]]
+Door te klikken op de afbeelding wordt de afbeelding in één keer in de originele (hoge) resolutie geopend.
-</div>
-<div style="flex: 1; margin: 5px; min-width: 215px; border: 1px solid #C8CCD1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px #EAECF0;">
+De metadata pagina is nog steeds te bereiken door op het icoontje te klikken rechtsonder in het kader (op dezelfde regel als het onderschrift).
-<h2 style="margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.5em; font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: 1px solid #a2a9b1;">Het gemaal bezoeken</h2>
-Wilt u een bezoek brengen ga dan naar de website: [https://www.woudagemaal.nl www.woudagemaal.nl] voor meer informatie over de openingstijden en andere actuele bezoekersinformatie.
-In het bezoekerscentrum bij het gemaal wordt uitleg gegeven over het stoomgemaal, de historie van de Friese boezem en het waterbeheer in Fryslân.
+Voordeel: in één keer de hoogst mogelijke resolute van de afbeelding, intuïtief, dit klikgedrag zie je ook bij andere websites.
-</div>
-<div style="flex: 1; margin: 5px; min-width: 215px; border: 1px solid #C8CCD1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px #EAECF0;">
+Nadeel: Levert een foutmelding (wegens een {{taal-Engels|empty link}}) op in de {{taal-Engels|Web Accessibility Evaluation Tool}}, zie: https://wave.webaim.org/report#/https://wiki.woudagemaal.nl/w/index.php?title=Gebruiker:Cierick_Goos
-<h2 style="margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.5em; font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: 1px solid #a2a9b1;">Aanbevolen artikelen</h2>
+{{clear}}
-* [[Het nieuwe stoomgemaal bij Lemmer]]
-* [[De werktuigen van het provinciaal stoomgemaal]]
-* [[Schoorsteenbouwer Sjang Geelen]]
-* [[Dagboek bouw | Dagboek van de bouw van het gemaal]]
-</div>
-<div style="flex: 1; margin: 5px; min-width: 215px; border: 1px solid #C8CCD1; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px #EAECF0;">
+==Wat te doen?==
-<h2 style="margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.5em; font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.6; border-bottom: 1px solid #a2a9b1;">Over ons</h2>
+Ik heb al bij meerder afbeeldingen het klikgedrag aangepast zoals in voorbeeld 2. Dit geeft naar mijn idee de beste ervaring voor de gebruikers. Een metadata pagina verwacht men niet en ik heb al gemerkt dat bezoekers ook niet in de gaten hebben dat je nog een keer op de afbeelding kunt klikken om hem in de originele resolutie te bekijken.
-Deze wiki is gemaakt door vrijwilligers van het Woudagemaal, ook het bijhouden en continu uitbreiden gebeurt door vrijwilligers.
-Heeft u vragen, opmerkingen of wilt u een bijdrage leveren neem dan [[redactie|contact]] met ons op.
+Ik zie geen mogelijkheid om de foutmelding in de {{taal-Engels|Web Accessibility Evaluation Tool}} weg te werken in de broncode, dit is iets van de wiki software. Ik kan niet beoordelen of de foutmelding ernstig genoeg is om het toegankelijkheidslabel negatief te beïnvloeden. En dat het dus verstandiger is om dan maar voor de oplossing in voorbeeld 1 te kiezen.
-Informatie over de digitale toegankelijkheid van deze website kunt u vinden op de pagina [[toegankelijkheid]].
-</div>
-</div>
-<div class="nomobile"> <br/> </div>
-<div class="scalable">
-[[Bestand:Interieur machinehal met wave.jpg | 960px | gecentreerd |alt=Foto van het interieur van de machinehal van het Woudagemaal]]
-</div>