AnySurfer Checklist 2.0

Pop-up's zijn schaalbaar

Bezoekers die tekst in een pop-upvenster willen vergroten, moeten het venster ook breder of hoger kunnen maken opdat de tekst erin zou passen.

Om pop-ups te openen, is er de JavaScript method window.open. Die aanvaardt een aantal parameters waarvan de laatste een opsomming met eigenschappen kan bevatten om de
vormgeving van het venster te bepalen. Het is niet toegestaan om hierin de eigenschappen resizable en scrollbars als waarde 'no' te geven. De
standaardwaardes van deze eigenschappen zijn respectievelijk 'yes' en 'auto'.

Als u deze eigenschappen niet specifieert, is er geen probleem. Programma's waarmee u webpagina's op een visuele manier kan ontwerpen, doen dat echter vaak automatisch. Bekijk daarom
steeds aandachtig de broncode die programma's als Dreamweaver of FrontPage genereren en pas aan waar nodig.

Voorbeeld

Niet goed

<a href="http://www.anysurfer.be/examples/pop-up.html" onclick="
window.open(this.href,'info','width=200,height=100,resizable=no,scrolling=no');
return false;"> Lorem ipsum (pop-up) </a>

Goed

<a href="http://www.anysurfer.be/examples/pop-up.html"
onclick="window.open(this.href,'info','width=200,height=100'); 
return false;"> Lorem ipsum (pop-up) </a>

Testmethode

Ga na of pop-ups gebruikt zijn en of deze schaalbaar zijn.

Broncode:

  • Kijk in de broncode of er pop-ups zijn gebruikt. Zo ja, zijn de eigenschappen resizable=no, scrolling=no
    • Nee voor beide; dan is aan dit ijkpunt voldaan.
    • Ja; pas uw website aan.

Inernet Explorer:

  • Open de pop-up.
  • Kunt u het pop-up venster groter (en kleinder) maken door met de muis de rechteronderhoek uit te trekken?
    • Ja; dan is aan dit ijkpunt voldaan.
    • Nee; pas uw website aan.

Meer informatie

Overeenkomstige richtlijnen

WCAG 2.0

Er zijn geen overeenkomstige richtlijnen voor dit ijkpunt.

Aanvullende informatie over dit ijkpunt

Prioriteit

  • Level ASN

Doelgroepen

  • Alle bezoekers
  • Slechtzienden
  • Mensen met een motorische beperking
  • Ouderen

Webwerkers

  • Front-end developer met kennis van JavaScript
  • Webdesigner met kennis van HTML en CSS