Gebruiker:Cierick Goos: verschil tussen versies

Uit Wouda's Wiki
k (Probeersel)
k (Probeersel)
 
(21 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
==Foto's uit bouwperiode==
==Voorbeeld 1==
[[Bestand:p000 & p001 - Dagboek van bestek 6.jpg|miniatuur|alt=Dagboek, bladzijde 1.|Dagboek bladzijde 1.]]


===Afbeeldingen uit het [[Gedenkboek door Machinefabriek Jaffa|Gedenkboek door Machinefabriek „Jaffa”]]===
Afbeelding in een kader met onderschrift en voorzien van een alternatieve tekst.
<div><ul style="margin: 0; text-align: center;">
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p1. Titelblad.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p11. Historische kaart.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p15. De in 1910 ondergelopen boezemlanden.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p19. Het boezemwaterschap De Sneeker Oudvaart voor de inpoldering.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p23. Frieslands onbedijkte lage landen bij hoogen boezemstand voor 1920.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p27. Ophaalbrug over het stroomkanaal bij Lemmer.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p31. Het boezemgemaal en stroomkanaal gezien van de ophaalbrug.jpeg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Gedenkboek Jaffa p35. Fundeeringsput.jpeg|x160px]]</li>
</ul></div>


===Foto's gemaakt bij Machinefabriek „Jaffa” in Utrecht===
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><ul style="margin: 0; text-align: center;">
{{clear}}
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05670.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05671.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05672.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05673.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05674.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05675.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05676.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05677.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05678.jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:PWS 05679.jpg|x160px]]</li>
</ul></div>


==Meer recentere foto's==
==Voorbeeld 2==
===Foto's uit het fotoarchief van de Rijksdienst voor het Cultureel Erfgoed===
[[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.]]
====Project 'Interieurensembles (2017)====
 
<div><ul style="margin: 0; text-align: center;">
Zelfde als voorbeeld 1 alleen is het klikgedrag aangepast.
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64755 - Interieur, Jaffapomp (16-05-2017).jpg|x160px]]</li>
Door te klikken op de afbeelding wordt de afbeelding in één keer in de originele (hoge) resolutie geopend.
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64757 - Interieur, eerste Jaffapomp vanaf de trap (16-05-2017).jpg|x160px]]</li>
De metadata pagina is nog steeds te bereiken door op het icoontje te klikken rechtsonder in het kader (op dezelfde regel als het onderschrift).
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64756 - Interieur, machinehal (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64763 - (16-05-2017).jpg|x160px]]</li>
Voordeel: in één keer de hoogst mogelijke resolute van de afbeelding, intuïtief, dit klikgedrag zie je ook bij andere websites.
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64758 - Interieur, eerste Jaffapomp, detail (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64762 - Interieur, kast met oliekannetjes (16-05-2017).jpg|x160px]]</li>
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
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64761 - Interieur, kantoor in het midden van de pompruimte (16-05-2017).jpg|x160px]]</li>
{{clear}}
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64764 - Interieur, gereedschapsbord (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64765 - Interieur, gereedschapsbord (16-05-2017).jpg|x160px]]</li>
==Wat te doen?==
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64767 - Interieur, smeerdruppelaars (16-05-2017).jpg|x160px]]</li>
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.
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64759 - Interieur, stoom condensator (16-05-2017).jpg|x160px]]</li>
 
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64760 - Interieur, stoom condensator (16-05-2017).jpg|x160px]]</li>
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.
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64769 - Interieur, gekleurde leidingen stookruimte (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64770 - Interieur, stookketels (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64771 - Interieur, stookketels (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64766 - Interieur, maquette stoomgemaal (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64774 - Woudagemaal vanaf de kolen laadplek (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64772 - Woudagemaal vanaf landpunt (16-05-2017).jpg|x160px]]</li>
<li style="display: inline-block; margin: 2px 0;">[[Bestand:Doc.nr. 14408-64773 - Woudagemaal vanaf landpunt (16-05-2017).jpg|x160px]]</li>
</ul></div>

Huidige versie van 26 mrt 2024 om 16:29

Voorbeeld 1

Dagboek, bladzijde 1.
Dagboek bladzijde 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

Dagboek, bladzijde 2 & 3.
Dagboek bladzijden 2 & 3.

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.