Più e più siti web commerciali sono con finestre pop-up in questi giorni. In molti casi, sto notando più pop-up di essere utilizzato per la pubblicità, probabilmente a causa della dura realtà che è "banner cecità". In altri casi, pop-up sono utilizzati per visualizzare il contenuto supplementare al genitore pagina. Purtroppo, molti progettisti sanno poco su come effettuare una vera e propria finestra pop-up che sarà accessibile.


Tra le tante preoccupazioni di design accessibile è presente in "Orientamento 6" del W3C Web Content Accessibility Guidelines: http://www.w3.org/TR/WCAG10/ # gl-nuove tecnologie-- "Garantire che le pagine sono accessibili anche quando le tecnologie più recenti non sono supportati o sono disattivati ". In poche parole, si dovrebbe garantire che il suo contenuto resta accessibile a coloro che la loro accessibilità modificare le impostazioni per disabilitare gli script o la cui scelta della tecnologia adattiva non riconosce lo scripting. Si veda anche la Sezione 508 pertinenti criteri: http://www.access-board.gov/sec508/guide/1194.22.htm # (l)


Popup sono tra gli elementi che più spesso violano questa linea guida di accessibilità


Un comune finestra pop-up link probabilmente iniziare in questo modo: <a href = "#" onClick = "window.open ...... o: <a href =" javascript:; onclick = "window.open (. ...... In entrambi i casi, il legame diventa completamente inutilizzabile a quelli con script spento o con browser che non riconoscono JavaScript.


Da qui a, consente di assumerci le nostre pubblico di destinazione si inserisce uno dei due situazioni appena citato - o che JavaScript sia disattivato o il loro browser non riesce a riconoscere JavaScript.


Nel primo caso, con "#" come ipertesto riferimento comporteranno, nella migliore delle ipotesi, nel loro essere adottate per la parte superiore della pagina. Il "#" segno viene interpretato come ciò che è noto come un "Frammento Identificatore separator" (cfr. geekspeak a - http://www.w3.org/Addressing/URL/4_2_Fragments.html). Che cosa significa questo per noi è che il "#" si suppone che in qualche punto, come ad esempio un oggetto nominale sulla pagina. Non si tratta di un difetto "far nulla" carattere. L'hash prepends simbolo il nome del target. In modo che <a href="#contact"> Contattaci </ a> ti porterà ad un posto sulla pagina che si chiama "contatto" - <a name="contact"> </ a>


Utilizzando semplici "#" come ipertesto riferimento è male, perché "un vuoto frammento-id con o senza il simbolo 'cancelletto' significa che l'URL fa riferimento a tutta l'oggetto." Nella maggior parte dei browser, sarà interpretato nel puntamento indietro all'inizio della pagina. Nel migliore dei casi, essa non fare nulla quando si fa clic su.


Nel secondo caso, utilizzando "javascript:;" come ipertesto riferimento semplicemente non fa nulla. Ricorda, non siamo in trattare con quelle che per un motivo o per l'altra non può usare altro dipende da JavaScript. Così ancora una volta, questo collegamento non fa nulla per qualcuno il cui browser non riconosce javascript.


Può essere fatto meglio e di lavorare bene per tutti


Per fortuna, siamo in grado di creare un alternativa accessibile che funzioni perfettamente con quelle per abilitare Javascript, ma degrada anche per coloro che non lo fanno. Lo facciamo utilizzando un reale collegamento con la destinazione reale, nel nostro ipertesto di riferimento:


<a href = "file.html" onclick = "window.open ( 'file.html', 'window_name', 'toolbar = yes, location = yes, status = yes, menubar = yes, scrollbars = yes, resizable = yes , Larghezza = xxx, height = xxx '); return false "> Apri la finestra </ a>


Di cui sopra è il "accessibile" metodo per aprire un popup (apertura di nuove finestre è male comunque, in modo Immagino questo è il minore di due mali). Usando il file come vero e proprio ipertesto il riferimento, ma impostare il link "return false" funzionerà correttamente se la persona è abilitato JavaScript o meno. Quelli senza abilitare Javascript per ottenere ancora il contenuto, e quelli che hanno JavaScript ottenere il popup come previsto.


Ora, questo è il trattamento di: Molte persone offrono un mezzo per chiudere il pop-up che ha appena aperto. Ancora una volta, lo fanno con questo sia <a href ="#"... o <a href = "javascript :;... in questo modo: <a href="#" onClick="window.close()"> Chiudi </ a> Bene, come ho detto prima, tutto questo non è di ottenere risultati in cima alla pagina. Assumendo il popup è collegato a una sola pagina si può prendere di nuovo mettendo il file di riferimento in ipertesto di riferimento: <a href="referrer.html" onClick="window.close()"> Chiudi </ a>


L'uso della parola "Chiudi" potrebbe essere confuso, ma ci sono due scuole di pensiero qui.


1. Di non aprire la nuova finestra a quelle w / o JavaScript, il pulsante Indietro funziona ancora e si avvarranno di questa


2. Utilizzando un titolo li aiuterà a prevedere cosa accadrà. In questo modo: <a href="referrer.html" title="clicking questo link ti porterà a ritornare il referrer don't se si hanno JavaScript" onClick="window.close()"> Chiudi </ a>


In alternativa, si potrebbe anche utilizzare l'attributo alt testo di una procedura trasparente spacer image: <a href="referrer.html"> <img src = "percorso / spacer.gif" width = "1" height = "1" border = " 0 "alt =" [Go Back ]"></ a> (Questo assume sono anche la navigazione con le immagini fuori o al di fuori del browser grafico)


In ultima analisi, questa scende a quanto si sente dire spesso: non è possibile prevedere in modo attendibile l'utente o il loro impostazioni. Per cui non provare. Renderla diritto e sarà fruibile a tutti.


Clausola di esclusione della responsabilità:


Apertura di nuove finestre è già abbastanza grave così com'è. Del suddetto articolo, solo mira a che vi mostra come fare meglio. La migliore risposta è quella di non usarle a tutti. Visitare il seguente link per i dettagli --

• Jakob Nielsen's Alertbox: i primi dieci nuovi errori del web design
  
  
• Jakob Nielsen's Alertbox: la Top Ten Web-Design errori del 2002
  
  
• Tuffarsi accessibilità: giorno 16, non di apertura di nuove finestre
  
  
• Dan's Web Suggerimenti: l'apertura di nuove finestre del browser
  
  

Karl Groves è un web designer free-lance che ha fatto un lavoro di produzione di tali siti come National Cancer Institute, di rete per il bene e Aerospace Medical Association.