Gebruiker:Cierick Goos: verschil tussen versies

Uit Wouda's Wiki
kGeen bewerkingssamenvatting
k (Probeersel)
 
(41 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
{{inhoud rechts}}
==Voorbeeld 1==
De archief tekeningen zijn afkomstig van het tekeningen- en kaartenarchief van de Provinciale Waterstaatsdienst Friesland.<ref>Tekeningen- en kaartenarchief Provinciale Waterstaatsdienst van Friesland 1876-1986 (archief nr. 9-05). ''Tresoar.'' Inventarisnummer 840 e.v.</ref>
[[Bestand:p000 & p001 - Dagboek van bestek 6.jpg|miniatuur|alt=Dagboek, bladzijde 1.|Dagboek bladzijde 1.]]
Sommige tekeningen hebben zulke grote afmetingen dat ze in meerdere delen zijn ingescand. Door op de miniatuur afbeelding van de tekening te klikken opent de tekening op grote resolutie, dit kan even duren door het grote formaat van de meeste tekeningen.


aanvullende tekst
Afbeelding in een kader met onderschrift en voorzien van een alternatieve tekst.
<br clear=all>


==Rookkanalen en bijbehoorende zaken==
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="margin: auto; text-align: center;"><ul style="margin: 0;><!--
{{clear}}
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 241px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 231px;">
      <div class="thumbimage">[[Bestand:840-1 Details der schoorsteenschuiven - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/0/09/840-1_Details_der_schoorsteenschuiven.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Details der schoorsteenschuiven bij de ketels.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 167px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 157px;">
      <div class="thumbimage">[[Bestand:841 Plaatsing rookdeuren - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/8/80/841_Plaatsing_rookdeuren.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Plaatsing rookdeuren.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 201px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 191px;">
      <div class="thumbimage">[[Bestand:842 Plaatsing schuiven ad schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/e/e7/842_Plaatsing_schuiven_ad_schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Plaatsing schuiven aan de schoorsteen. Door Machinefabriek &bdquo;Jaffa&rdquo;.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 199px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 189px;">
      <div class="thumbimage">[[Bestand:843 Rookkanalen naar den schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/f/fd/843_Rookkanalen_naar_den_schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Rookkanalen naar den schoorsteen.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 247px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 237px;">
      <div class="thumbimage">[[Bestand:844 Rookkanalen en schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/2/20/844_Rookkanalen_en_schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Rookkanalen naar de schoorsteen.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 137px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 127px;">
      <div class="thumbimage">[[Bestand:845 Fundering met details de kanalen vd schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/a/ab/845_Fundering_met_details_de_kanalen_vd_schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Fundering met details de kanalen v/d schoorsteen. Door Canoy Herfkens.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 318px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 308px;">
      <div class="thumbimage">[[Bestand:846 Rookschuif aan den schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/c/ce/846_Rookschuif_aan_den_schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Rookschuif aan den schoorsteen. Door Machinefabriek &bdquo;Jaffa&rdquo;.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 248px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 238px;">
      <div class="thumbimage">[[Bestand:847 Raam en deksel voor rookkanaal - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/5/50/847_Raam_en_deksel_voor_rookkanaal.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Raam en deksel voor rookkanaal. Door Machinefabriek &bdquo;Jaffa&rdquo;.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 234px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 224px;">
      <div class="thumbimage">[[Bestand:849-1 Schoorsteen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/4/43/849-1_Schoorsteen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Detail schoorsteenvoet met rookschuiven.</div>
  </div>
</div>
</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">
<div class="thumb tleft" style="margin-top: .5em; width: 252px;">
  <div class="thumbinner">
    <div style="float:left; padding:1px; width: 242px;">
      <div class="thumbimage">[[Bestand:849-2 Schoorsteen, rookkanalen - miniatuur.png|link=https://wiki.woudagemaal.nl/w/images/7/7a/849-2_Schoorsteen%2C_rookkanalen.png]]</div>
    </div>
    <div style="clear:both;"></div>
    <div class="thumbcaption">Rookkanalen en schoorsteen.</div>
  </div>
</div>
</ul></div>


==Bronnen, noten en/of referenties==
==Voorbeeld 2==
<references/>
[[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.]]


<!-- De directe links bij de miniaturen worden door het systeem niet herkend als koppelingen naar de bestanden. -->
Zelfde als voorbeeld 1 alleen is het klikgedrag aangepast.
<!-- Om te voorkomen dat alle tekeningen in de lijst met ongebruikte bestanden terechtkomen zijn ze hier -->
 
<!-- Als "normale" link opgenomen, om niet op te vallen op de pagina is de vervangende tekst een spatie (&nbsp;)-->
Door te klikken op de afbeelding wordt de afbeelding in één keer in de originele (hoge) resolutie geopend.
[[Media:840-1 Details der schoorsteenschuiven.png|&nbsp;]]
 
[[Media:841 Plaatsing rookdeuren.png|&nbsp;]]
De metadata pagina is nog steeds te bereiken door op het icoontje te klikken rechtsonder in het kader (op dezelfde regel als het onderschrift).
[[Media:842 Plaatsing schuiven ad schoorsteen.png|&nbsp;]]
 
[[Media:843 Rookkanalen naar den schoorsteen.png|&nbsp;]]
Voordeel: in één keer de hoogst mogelijke resolute van de afbeelding, intuïtief, dit klikgedrag zie je ook bij andere websites.
[[Media:844 Rookkanalen en schoorsteen.png|&nbsp;]]
 
[[Media:845 Fundering met details de kanalen vd schoorsteen.png|&nbsp;]]
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
[[Media:846 Rookschuif aan den schoorsteen.png|&nbsp;]]
{{clear}}
[[Media:847 Raam en deksel voor rookkanaal.png|&nbsp;]]
 
[[Media:849-1 Schoorsteen.png|&nbsp;]]
==Wat te doen?==
[[Media:849-2 Schoorsteen, rookkanalen.png|&nbsp;]]
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.
<br/>
 
[[Category:Techniek in ketelhuis en rookgasafvoer]]
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.
[[Category:Technische tekeningen]]

Huidige versie van 26 mrt 2024 om 17: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.