I Web site sempre più commerciali stanno caratterizzando schiocc-aumenta attualmente. In molti casi, sto notando che più schiocc-aumenta usando per la pubblicità, probabilmente dovuto la realtà dura che è “cecità della bandiera„. In altri casi, schiocc-aumenta sono usati visualizzare il soddisfare supplementare alla pagina del genitore. Purtroppo, molti progettisti conoscono piccolo circa come fare una finestra pop-up adeguata che sarà accessibile.

Fra le molte preoccupazioni del disegno accessibile è trovato “in guida di riferimento 6„ della guida di riferimento di accessibilità del soddisfare di fotoricettore di W3C: http://www.w3.org/TR/WCAG10/#gl-new-technologies - “accertar che le pagine siano accessibili anche quando le più nuove tecnologie non sono sostenute o sono spente.„ Messi semplicemente, dovreste accertarti che il vostro remains del soddisfare accessibile a coloro che modifica le loro regolazioni di accessibilità per inabilitare scripting o di cui la scelta di tecnologia adattabile non riconosce scripting. Vedere inoltre i test di verifica relativi della parte 508: http://www.access-board.gov/sec508/guide/1194.22.htm#(l)

Popups è fra gli articoli che violano il più spesso questa guida di riferimento di accessibilità

Un collegamento pop-up comune della finestra probabilmente comincerà come questo: href= " # " onClick= " window.open di <a ...... o: Javascript del href= di <a ": ; onclick= " window.open (....... In entrambi i casi, il collegamento diventa completamente inutilizzabile a quelli con gli scritti girati fuori di o con i browsers che non riconoscono il Javascript.

Di qui sopra fuori, lascia per ammettere le nostre misure una dei destinatari delle due situazioni accennate appena - o hanno Javascript inabilitate o il loro browser non può riconoscere il Javascript.

Nel primo caso, usando “il #„ come il riferimento di hypertext provocherà, nel migliore dei casi, loro che è preso alla parte superiore della pagina. Il segno “del #„ è interpretato come che cosa è conosciuto mentre “un separatore del contrassegno del frammento„ (vedere il geekspeak - a http://www.w3.org/Addressing/URL/4_2_Fragments.html). Che cosa questo il mezzo a noi è che “il #„ è supposto di indicare in qualche luogo, quale un oggetto chiamato alla pagina. Non è un difetto “non fa niente„ carattere. Il simbolo del hash prepends il nome dell'obiettivo. In modo che il >Contact me</a> " del #contact " del href= di <a li prenda ad un posto alla pagina che è chiamata “contatto„ - name= " contatto " ></a> di <a

Usando pianura giusta “#„ poichè il riferimento di hypertext è difettoso perché “un'frammento-identificazione vuota con o senza il segno del hash significa che il URL si riferisce all'oggetto intero.„ In la maggior parte dei browsers, sarà interpretato come indicando di nuovo all'inizio della pagina. Nel migliore dei casi, non farà niente una volta scattato.

Nel secondo caso, usando “Javascript: ; „ come il riferimento di hypertext non fa semplicemente niente. Ricordar di, noi dealing with coloro che per un motivo o l'altro non può usare qualche cosa dipendente sul Javascript. Così ancora, questo collegamento non fa niente per qualcuno di cui il browser non riconosca il Javascript.

Può essere fatto più meglio bene e lavoro per tutti

Fortunatamente, possiamo generare un'alternativa accessibile che funziona perfettamente per quelle con il Javascript permesso, tuttavia degradiamo bene per coloro che non. Facciamo questo usando un collegamento reale alla destinazione reale nel nostro riferimento di hypertext:

href= " file.html " onclick= " window.open (“file.html„, “window_name„, “toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, width=xxx, height=xxx„ di <a); falso di ritorno " > finestra aperta </a>

Quanto sopra è il metodo “accessibile„ per aprire un popup (le nuove finestre di apertura è comunque difettose, in modo da indovino che questo è la di meno delle due malvagità). Usando la lima reale come il riferimento di hypertext, ma ha regolato il collegamento “a falso di ritorno„ funzionerà correttamente se la persona fa permettere il Javascript oppure no. Quelli senza Javascript permesso ancora ottengono al soddisfare ed a coloro che fa ottenere il Javascript il popup come previsti.

Ora, qui è l'ossequio: Molta gente offre i mezzi per chiudere il pop-up che si è aperto appena. Di nuovo, fa questa con Javascript del href= di <a " del # " del href= di <a… o ": ; … Come così: il onClick= " window.close () “>Close</a> del href= " # " di <a bene, come ho detto prima, tutto questo è introito loro alla parte superiore della pagina. Presupporre il popup è collegato a soltanto una pagina che possiamo prenderli indietro disponendo la lima riferenteci nel riferimento di hypertext: onClick= " window.close () “>Close</a> del href= " referrer.html„ di <a

L'uso della parola “vicina„ potrebbe essere confusionario, ma ci sono due scuole di pensiero qui.

1. Non aprendo la nuova finestra su quelle senza Javascript, il tasto posteriore ancora funziona ed userà questo

2. Usando un titolo li aiuterà a predire che cosa accadrà. Come così: il title= " del href= " referrer.html di <a " che scatta questo collegamento li prenderà di nuovo al referrer se non avete onClick= " window.close () “>Close</a> di Javascript "

Alternativamente, potreste anche usare l'attributo del testo dell'alt di un'immagine trasparente del distanziatore: width= " del percorso/spacer.gif dello src= " del ><img " del href= " referrer.html " di <a 1 " height= " 1 " border= " 0 " alt= " [andare indietro] “></a> (questo presuppone che inoltre surfing con le immagini fuori di o su un browser non grafico)

Infine, questo scende a che cosa lo sentite dire così spesso: Non potete predire attendibilmente l'utente o le loro regolazioni. Così non provare. Rendergli la destra e sarà utilizzabile a tutti.

Diniego:

L'apertura delle nuove finestre è abbastanza difettosa poichè è. Il suddetto articolo li punta soltanto mostrare come renderle migliori. La risposta migliore è di non usarli affatto. Vedere prego i seguenti collegamenti per i particolari -
  •  Alertbox del Jakob Nielsen: I dieci nuovi errori principali di disegno di fotoricettore
  •  Alertbox del Jakob Nielsen: Il principale dieci Fotoricettore-Progetta gli errori di 2002
  •  Tuffar in accessibilità: Giorno 16, Windows nuovo d'apertura
  •  Punte di fotoricettore del Dan: Browser nuovo d'apertura Windows

Article Source: http://www.articleset.com