Devo evitare di javascript, jquery, flash, ajax, silverlight se voglio fare il mio cross-platform sito compatibile e screen reader compatibili?

StackOverflow https://stackoverflow.com/questions/1871920

Domanda

Devo evitare di JavaScript, jQuery, flash, Ajax, Silverlight se voglio rendere compatibile il mio cross platform sito (PC, iPhone altri cellulari, PDA) e accessibile (screen reader compatibile)?

Devo usare solo css xhtml con il linguaggio lato server per una più ampia accessibilità?

e per PC pr MAC ho fatto tutto prima per Firefox modo per cellulari quale browser devo scegliere?

È stato utile?

Soluzione

Flash e Silverlight non sono disponibili su iPhone, e di alcuni altri dispositivi mobili. jQuery supporta screen reader accessibilità , ma non sembra essere disponibile sulla maggior parte dei dispositivi mobili diversi l'iPhone.

Altri suggerimenti

No, ma offrire loro come o forniscono degrado grazioso.

È possibile utilizzare queste tecnologie, ma è necessario essere intelligenti su di esso, e non si può certo generalizzare, che ogni dato sacchi di sabbia tecnologia accessibilità.

Se si sta sviluppando per un sito web, # 1 strumento di cui avete bisogno è la Developer Toolbar di Firefox add-on. Nel menu Strumenti, v'è una selezione denominata "Convalida Section 508" (che è un insieme di linee guida per l'accessibilità). Questo è un modo rapido n sporco per ottenere una lista di "ciò che è rotto" sul vostro sito, riguardanti l'accessibilità.

Al di là di questo, ci sono un sacco di risorse sul web con consigli specifici su come progettare per l'accessibilità. E 'quasi un pieno robusto sotto-disciplina su di essa la propria. La maggior parte di esso ha a che fare con la fornitura ben formato HTML. (Alt text appropriato e utile per le immagini, progettare con i colori che forniscano un adeguato contrasto, che possono ospitare colorblindness, l'uso di descrizioni di tabella, rendono il sito navigabile da tastiera (senza mouse), descrizioni corrette su campi del modulo, ecc.)

Ora; bere profondamente, dal Firehose della Conoscenza. . . . Ecco un elenco di risorse: Implementazione Accessibilità federale  Web Standards (1194.22)

(a) è previsto un equivalente testuale per ogni elemento non di testo (per esempio, mediante "alt", "longdesc" o contenuto nell'elemento). http://www.access-board.gov/sec508/ guida / 1194.22.htm # (a)

http://www.jimthatcher.com/webcourse2.htm

Informazioni correlate

Creazione grafica accessibili (WebAIM) http://www.webaim.org/techniques/images/

appropriato uso di testo alternativo http://www.webaim.org/techniques/alttext/

Descrivendo illustrazioni, diagrammi, mappe, tabelle, diagrammi e grafici http://www.w3.org/2000/08/nba- manuale / overview.html

Orientamenti in materia di testi ALT in elementi img http://www.cs.tut.fi/~jkorpela/html/ alt.html

Esempio di link D http://www.consideration.org/technology/accessexamples/dlinksample.html (B) le alternative equivalenti per ogni presentazione multimediale devono essere sincronizzate con la presentazione. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (b)

http://www.jimthatcher.com/webcourse6.htm

Informazioni correlate

didascalie per il Web (WebAIM) http://www.webaim.org/techniques/captions/ (Include tutorial su sottotitoli in Quicktime, Windows Media, RealPlayer, e MAGpie)

Lista Didascalia Resource http://webaim.org/resources/captioning/ GAZZA (NCAM) http://ncam.wgbh.org/webaccess/magpie/ Multimedia sincronizzato: SMIL (W3C) http://www.w3.org/AudioVideo/ Caratteristiche di accessibilità di SMIL (W3C) http://www.w3.org/TR/SMIL-access/

La creazione di Flash accessibile (WebAIM) http://www.webaim.org/techniques/Flash /

Le tecniche di accessibilità per Flash (Macromedia) http://www.adobe.com/accessibility/products/flash/ (C) le pagine Web devono essere progettati in modo che tutte le informazioni veicolate con il colore è disponibile senza colore anche, ad esempio dal contesto o ai marcatori. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (c)

http://www.jimthatcher.com/webcourse7.htm

Informazioni correlate Colore di contrasto efficace http://www.lighthouse.org/color_contrast.htm

Vischeck http://www.vischeck.com/vischeck/ Presentazione con sedia a rotelle che è amichevole per daltonici persone http://jfly.iam.u-tokyo.ac.jp/html / color_blind / disabilità visiva http://www.webaim.org/articles/visual/colorblind.php

(d) I documenti sono organizzati in modo che siano leggibili senza richiedere un foglio di stile associato. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (d)

http://www.jimthatcher.com/webcourseb.htm

Informazioni correlate

Accessibilità Caratteristiche di CSS (W3C) http://www.w3.org/TR/CSS-access

Cascading Style Sheets (W3C)   http://www.w3.org/Style/CSS/

CSS Validator (W3C) http://jigsaw.w3.org/css-validator/

(e) i collegamenti di testo ridondanti devono essere forniti per ogni zona attiva di un'immagine sensibile sul lato server. (F) mappe immagine lato client sono forniti invece di immagini lato server se le zone non possono essere definite con una forma geometrica valida. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (e) http://www.access-board.gov/sec508/ guida / 1194.22.htm # (f) http://www.jimthatcher.com/webcourse5.htm intestazioni (g) riga e di colonna devono essere identificati per le tabelle di dati. (H) Markup è utilizzato per associare celle di dati e le celle di intestazione per le tabelle di dati che hanno due o più livelli logici di intestazione di righe o colonne. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (g) http://www.jimthatcher.com/webcourse9.htm Informazioni correlate Come creare tabelle accessibili (WebAIM) http://www.webaim.org/techniques/tables/

Accessibile generatore di tabelle (Accessify) http://accessify.com/tools-and-wizards/accessibility -tools / table-builder / Uno strumento che ti permette di scegliere quali proprietà tabella che si desidera, il numero di righe e colonne, e si prende cura dell'accessibilità mark-up perte.

(i) Cornici deve essere intitolato con un testo che faciliti l'identificazione del frame e la navigazione. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (i) http://www.jimthatcher.com/webcourse4.htm Informazioni correlate Come creare cornici accessibili http://www.webaim.org/techniques/frames/ (J) Pagine deve essere progettato per evitare di causare lo schermo sfarfallio con una frequenza maggiore di 2 Hz e minore di 55 Hz. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (j) http://www.jimthatcher.com/webcourse7.htm (K) Una pagina di solo testo, con informazioni o funzionalità equivalenti, deve essere fornita per fare un sito web conforme alle disposizioni di questi standard, quando la conformità non può essere realizzato in qualsiasi altro modo. Il contenuto della pagina di solo testo deve essere aggiornato ogni volta che cambia pagina primari. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (k) http://www.jimthatcher.com/webcourse7.htm (L) Quando le pagine utilizzano linguaggi di script per visualizzare contenuti, o per creare elementi di interfaccia, le informazioni fornite dallo script deve essere identificato con un testo funzionale che può essere letto da tecnologie assistive. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (l) http://www.jimthatcher.com/webcoursea.htm Informazioni correlate Creazione Accessibile JavaScript (WebAIM) http://www.webaim.org/techniques/javascript/ Accessibilità tastiera (WebAIM)   http://www.webaim.org/techniques/keyboard/ JavaScript Accessibilità Issues (TRACE Centro) http://trace.wisc.edu/world/java/jseval.htm Script (IBM) http://www-03.ibm.com/able/guidelines/ web / webscripts.html (M) Quando una pagina web richiede che un applet, plug-in o un'altra applicazione sia presente sul sistema client per interpretare il contenuto della pagina, la pagina deve fornire un collegamento a un plug-in o applet che è conforme alla §1194.21 (a) attraverso (l). http://www.access-board.gov/sec508/ guida / 1194.22.htm # (m)

Applicazioni software e sistemi operativi (1194.21) http://www.access-board.gov/sec508/guide/1194.21. htm

Informazioni correlate:

Java Accessibility (IBM) http://www-03.ibm.com/able/guidelines/ java / accessjava.html

Sun Microsystems Programma Accessibilità http://www.sun.com/access/index.html (N) Quando moduli elettronici sono progettati per essere completato on-line, il modulo deve consentire persone che utilizzano tecnologie assistive per accedere alle informazioni, gli elementi di campo, e la funzionalità necessari per Completisu e presentazione del modulo, tra cui tutte le direzioni e spunti. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (n) http://www.jimthatcher.com/webcourse8.htm Informazioni correlate Come creare forme accessibili (WebAIM)   http://www.webaim.org/techniques/forms/ Accessibile HTML / XHTML Forme (Accessify.com) http://www.accessify.com/features/tutorials/forms/ Input Multiple Campi modulo (Accessify.com) http://www.accessify.com/features/tutorials/multiple-inputs/ Quick Builder Form (Accessify.com) http://www.accessify.com/tools -e-maghi / accessibilità-tools / Quick-form-builder / Questo strumento consente che ti aiuta a costruire le forme con la necessaria HTML mark-up per l'accessibilità.

(o) il metodo A è condizione che consente agli utenti di saltare collegamenti di navigazione ripetitivi. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (o) http://www.jimthatcher.com/webcourse4.htm Informazioni correlate

Ignora collegamenti (WebAIM) http://www.webaim.org/techniques/skipnav/

Skip navigazione Links (Jim Thatcher.com) http://www.jimthatcher.com/skipnav.htm (P) Quando è richiesta una risposta a tempo, l'utente deve essere avvisato e dato tempo sufficiente per indicare più tempo è richiesto. http://www.access-board.gov/sec508/ guida / 1194.22.htm # (p) http://www.jimthatcher.com/webcourse7.htm

Maggiori informazioni su come effettuare siti web ei contenuti accessibili W3C Web Accessibility Initiative Risorse   http://www.w3.org/WAI/Resources/ Rendendo il software e siti web educativi Design Guidelines accessibili tra matematica e scienze Soluzioni http://ncam.wgbh.org/cdrom/guideline/ 508 Universe (Include un corso sulla progettazione di siti web accessibili) http://www.section508.gov/index.cfm?FuseAction=Content&ID= 5 Strumenti di accessibilità e procedure guidate http://www.accessify.com/tools-and-wizards/

Siti web per test Accessibilità Test per l'accessibilità del web Compliance Ai sensi dell'articolo 508 del Rehabilitation Act del 1973 (Ministero della Pubblica Istruzione) http://www.ed.gov/policy/gen/guid/assisttesting. html

508 Checklist (WebAIM) http://www.webaim.org/standards/508/checklist

Valutare i siti web per accessibilità (W3C) http://www.w3.org/WAI/eval/

Strumenti test gratuiti L'onda http://www.wave.webaim.org/

Web Accessibility Toolbar (Internet Explorer) http://www.paciellogroup.com/resources/wat-ie-about. html

Web Developer Toolbar (Firefox) http://chrispederick.com/work/web-developer/

Per ulteriori informazioni sulla Dipartimento di programma Assistive Technology Education, visitare il sito: http://www.ed.gov/policy/gen/guid/assistivetech. html I collegamenti citati in questo documento sono quelli che vengono creati e mantenuti da altre organizzazioni pubbliche e private e sono forniti per comodità dell'utente. Il Dipartimento americano della Pubblica Istruzione non controlla ne garantisce l'accuratezza, la pertinenza, la tempestività e la completezza delle informazioni da queste fonti. Inoltre, l'inclusione di collegamenti in questo documento non è destinato a riflettere la loro importanza, né è destinato a sostenere ogni parere espresso o prodotti o servizi offerti, o le organizzazioni promotrici dei siti. Ultimo aggiornamento il 17 luglio 2009

No, con gracefull degrado a costruire il sito web di lavorare senza javascript, e mettere un strato di comportamento dinamico sopra.

In particolare jQuery è buono in questo.

Le cose come Silverlight possono dare problemi, ma fino a quando non è parte integrante della pagina, non dovrebbe dare problemi.

I generale, non c'è bisogno di evitare quelle tecnologie se si vuole avere più obiettivi di produzione. Tuttavia, più cura dovrà essere presa al fine di fornire metodi più tradizionali per la creazione della stessa funzionalità. In altre parole, è necessario per degradare con grazia.

Solo un parere,

  

per il mobile che browser dovrebbe I   scegliere?

Ho visto un sacco di telefono che ha Opera browser mobile , quindi si prega di cercare di rendere compatibile con opera anche.

Il mio consiglio sarebbe quello di fare un sito di base privo di qualsiasi roba di fantasia (JavaScript, Flash, etc.) e fare quel sito perfettamente accessibile su qualsiasi dispositivo.

Poi, se l'esperienza utente può essere veramente migliorata su alcune piattaforme grazie alla tecnologia più elaborato, costruire quella sulla parte superiore del sito di base e solo assicurarsi che si sta controllando chi ha accesso al tuo sito e in che modo, e servirli la versione giusta.

Come utente screen reader si prega di seguire il consiglio di utilizzare il degrado grazioso. Detto Flash e Silverlight sono inaccessibili. Anche se Flash può teoricamente essere reso accessibile non ho mai trovato un sito con Flash accessibile. Se si desidera che il sito sia accessibile agli utenti non vedenti sui telefoni cellulari è necessario testare utilizzando il browser predefinito su iPhone, Windows Mobile e Symbian. Opera Mobile non è accessibile a schermo utenti del lettore su qualsiasi dispositivo mobile.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top