Link Accessibilità, Usabilità, codice e Style

Web Content Accessibility Guidelines (WCAG) 2.0

L'11 dicembre 2008 il World Wide Web Consortium (W3C) ha pubblicato le nuove linee guida per la realizzazione di siti web accessibili.

È una notizia molto importante sia per chi si occupa di realizzare siti web accessibili sia per chi non si è mai posto il problema dell'abbattimento delle barriere che sul web impediscono l'accesso alle risorse ai disabili.

È molto importante anche considerare che le disabilità possono essere fisiche, psichiche, sensoriali, culturali, tecnologiche e non ultimo linguistiche.

Purtroppo chi si occupa della realizzazione di siti web spesso ha a che fare con committenti che chiedono l'inserimento di risorse che per vari motivi risultano inaccessibili ad utenti disabili, si tratta quindi di operare sia nella direzione tecnologica che in quella culturale.

Ecco quindi i principali link che trattano l'argomento:

Web Content Accessibility Guidelines (WCAG) 2.0
W3C Recommendation 11 December 2008
www.w3.org/TR/2008/REC-WCAG20-20081211

Web Content Accessibility Guidelines (WCAG) 2.0
W3C Recommendation 11 December 2008
Alternate Versions of Web Content Accessibility Guidelines 2.0
(non normativa)
www.w3.org/WAI/WCAG20/versions/guidelines/

Le WCAG 2.0 alla mia maniera di Marco Bertoni
www.semplicemente.org/2008/12/le-wcag-20-alla-mia-maniera/

Accessibilità e usabilità

• www.it.debian.org/devel/debian-accessibility/
  Debian-Accessibility è un progetto interno per sviluppare Debian come un sistema operativo particolarmente adatto alle esigenze delle persone con disabilità. Lo scopo di Debian-Accessibility è un sistema completamente accessibile che offre agli utenti disabili la massima indipendenza possibile e realizzato completamente con software libero.
• http://accessibilita.bazzmann.com
  Ottima presentazione delle tematiche dell’accessibilità. Utile per avere una panoramica completaed esauriente.
• http://accessengine.com
  Motore di ricerca per disabili.
• www.aib.it/aib/cwai/WAI-trad.htm
  Linee guida per l'accessibilità ai contenuti del Web.
• www.asktog.com
  Sito del Norman Nielsen Group dedicato all’accessibilità. Rimandi e link a contenuti ricchi e ben organizzati.
• www.boxesandarrows.com
  Giornale sulla progettazione web sotto tutti gli aspetti e problematiche.
• www.chickenskinners.com
  Articoli contributi ed eventi particolarmente significativi sulla progettazione web.
• www.design.ncsu.edu:8120
  Spiegazione molto chiara dei principi della progettazione universale.
• www.davespicks.com
  A detta dello stesso autore e curatore è una e-zine composita e varia ma sempre interessante e nutrita da molti spunti ed articoli. Le tematiche che affronta sono quelle che toccano in maniera diretta l’autore …sempre interessanti.
• www.diodati.org
  Panoramica sulla accessibilità in chiave tecnica, traduzione delle linee guida e del W3C[ i ].
• www.disabili.com
  Portale specializzato con notizie e aggiornamenti continui. Specie dal versante normativo e legislativo.
• www.dsc.unibo.it
  Links e risorse varie sulla tematica della accessibilità.
• www.fucinaweb.com
  Sezione del sito ormai noto dedicata alla tematica accessibilità.
• www.hcibib.org
  Raccolta di bibliografie, link, risorse sull’accessibilità. Molto ricco.
• www.hyperlabs.net
  Assieme a http://webusabile.it e http://usabile.it un punto di riferimento. Particolare attenzione alla componente cognitiva e psicologica. Numerosi e sempre interessanti i contenuti e le pubblicazioni.
• www.iwa-italy.org
  Sito dell’associazione italiana webmasters. Affronta, in una apposita sezione, tematiche associate all’accessibilità.
• www.iamcal.com
  Sito che presenta in maniera diretta ed immediata la visione delle problematiche relative al colore. Sito dedicato a chi vuole comprendere come usare il colore nella progettazione.
• http://jthom.best.vwh.net
  Prontuario con le best practices per la progettazione accessibile.
• www.nngroup.com
  Strategie di usabilità.
• www.nonvedenti.it
  Sito che parla della realtà a partire dal vissuto e dalla esperienza concreta dei non vedenti.
• www.politicalbs.com
  Directory di link.
• www.pubbliaccesso.it
  Il sito ha l'intento di creare un punto di riferimento sia per gli utenti sia per i webmaster, raccoglie una serie di contributi da parte di esperti, componenti del Gruppo di Lavoro, che descrivono i criteri da seguire nella realizzazione di siti e applicazioni accessibili.
• www.stradeblu.it
  L’aspetto del sito è eloquente. Stradeblu è una cooperativa che intende fornire soluzioni complete di design dell'informazione, usabilità e accessibilità, attraverso attività di consulenza, progettazione, formazione. In una parola progettazione universale.
• www.superabile.it
  E-zine di riferimento per le tematiche della disabilità.
• www.tsi.enst.fr
  Analogo al precedente come tematica ma con contenuti solo testuali.
• www.w3.org
  Risorsa necessaria per chi cerca specifiche e standard tecnologici.
• www.webaccessibile.org
  La risorsa in lingua italiana sull'accessibilità, con la finalità di rendere chiaro e trasparente l'obiettivo di accesso universale di internet.
• www.webusabile.it
  Risorse di webusability a cura di UPA.
• www.webaim.org
  Portale sull’accessibilità molto ricco.
• www.webxtutti.it
  Consente anche l’accesso al validatore italiano Torquemada.
• web.tiscali.it/userware
  Sito introduttivo alla progettazione usabile.
• www.zeldman.com
  web design news e info.
• www.francocarcillo.it/dive
  In linea l'edizione italiana in versione PDF e HTML di Affrontare l'accessibilità.
• www.html.it/accessibilita
  Guida pratica per costruire siti Web ad elevata accessibilità.
• www.ibm.comable
  Il sito della IBM la ditta che produce Home[ i ] Page Reader.
• www.vocabola.com/ilmestieredelweb/
  Il mestiere del web Manuale di sopravvivenza per web designer e committenti.
• www.joeclark.org
  web design news e info.
• www.macromedia.com/resources/accessibility
  Accessibility Resource Center.
• www.mestierediscrivere.com
  se scrivi testi per il Web, qui trovi articoli, consigli pratici e tanti link per scrivere e comunicare meglio.
• www.microsoft.com/enable
  Accessible technology for Everyone.
• www.vocabola.com/sitichefunzionano
  Siti che funzionano 2.0... il ritorno.
• www.webstandards.org
  The Web Standards Project is a grassroots coalition fighting for standards that ensure simple, affordable access to web technologies for all.

Browser con funzioni particolari per l'accessibilità

• Amaya - http://www.w3.org/Amaya/
• Opera - http://www.opera.com/
• Lynx - http://lynx.browser.org/
• BrailleSurf4 - http://www.snv.jussieu.fr/inova/bs4/uk/
• Bobcat - http://www.fdisk.com/doslynx/bobcat.htm
• Sensus - http://www.sensus.dk/sib10uk.htm
• Home Page Reader - http://www-3.ibm.com/able/hpr.html
• BrookesTalk - http://www.brookes.ac.uk/schools/cms/research/speech/btalk.htm
• Net-Tamer - http://www.nettamer.net/

CSS: Fogli di stile

1. Brain Jar
   Un interessante risorse per la rapida comprensione e uso dei Fogli di Stile. In inglese.
   www.brainjar.com/css
2. Glish
   Un punto di riferimento per ogni webmaster. Esempi live per un pratico ed efficace uso dei CSS[ i ]
   www.glish.com/css
3. Meyer Web
   Altro bel sito dove vedere e imparare l'uso dei CSS
   www.meyerweb.com/eric/css
4. Zeldman
   Punto di riferimento per l'impiego dei Fogli di Stile e sito del guru dei CSS Zeldman
   www.zeldman.com
5. A list Apart
   Il sito più importante per ogni webdesigner dedicato interamente all'uso dei CSS. Risorse, tutorials, opinioni, trucchi e links sull'argomento
   www.alistapart.com
6. Simplebits
   Altro sito devoluto allo studio ed all'impiego dei CSS
   www.simplebits.com
7. Stop Design
   www.stopdesign.com
8. Useit
   Il sito del guru dell'usabilità Jacob Nielsen, con molti consigli e chiarimenti sulla realizzazione di siti usabili
   www.useit.com
9. Constile
   Il sito italiano dedicato ai CSS più importante della rete[ i ]. Tutorials chiari sull'uso dei Fogli di Stile
   www.constile.org
10. CSS Creator
    Il sito, in inglese, mette a disposizione del pubblico strumenti per la realizzazione online di CSS adatti alle pagine in costruzione. Moltissimi tutorials e links sull'argomento
    www.csscreator.com
11. W3 Schools
    Il sito didattico del W3C[ i ] che guida il visitatore verso il completo apprendimento dell'uso dei CSS
    www.w3schools.com/css
12. Pro HTML[ i ]
    Il sito parallelo di HTML.it dedicato alle tecniche di realizzazione di pagine web e di elementi grafici. Una risorsa infinita per ogni web designer
    pro.html.it
13. HTML.it/CSS
    Sezione dedicata ai CSS da parte del sito ufficiale per il webmaster italiano
    www.html.it/css/index.html
14. Web Standard
    Sito in inglese dedicato alla raccolta ed alla divulgazione degli standard adeguati alla realizzazione di siti e pagine web.
    www.webstandard.org

Mailing List sull'accessibilità

• Humana - Accessibilità, usabilità, esperienze e soluzioni
• UICtech - Lista tecnica dell'unione italiana ciechi dove si parla di materiale tiflotecnico e di informatica per non vedenti
• AS.CI.TEL. - Lista dell'associazione ciechi telematici
• EAB Notiziario internazionale sull'accessibilità - Traduzione dell'Istituto F. Cavazza del notiziario mensile sull'Accessibilità realizzato in Gran Bretagna da HeadStar con la sponsorizzazione del Royal National Institute of the Blind
• W3C Italia - La lista dell'ufficio italiano del W3C

Newsgroup sull'accessibilità

• it.comp.accessibilita
• it.comp.accessibilita.ciechi
• it.sociale.handicap
• alt.comp.accessibility
• alt.comp.blind-users
• alt.internet.search-engines
• comp.human-factors

RSS sull'accessibilità

• W3C (inglese)
  http://www.w3.org/2000/08/w3c-synd/home.rss
• Bazzman|Mag (italiano)
  http://www.bazzmann.com/feed/rss.php
• Diodati.org (italiano)
  Forum "Tutto sull'accessibilità" - http://forum.diodati.org/rss/rss1.xml
  Forum "Linguaggi standard per il Web" - http://forum.diodati.org/rss/rss2.xml
  Forum "Universo mondo" - http://forum.diodati.org/rss/rss3.xml
  Forum "Aiuti e segnalazioni sull'uso dei forum" - http://forum.diodati.org/rss/rss4.xml
  Forum "Usabilità e architettura dell'informazione" - http://forum.diodati.org/rss/rss5.xml
  Forum "Lingua italiana e accessibilità" - http://forum.diodati.org/rss/rss6.xml
• Webaccessibile.org (italiano)
  http://www.webaccessibile.org/rss/
• FucinaWeb.com (italiano)
  http://www.fucinaweb.com/feed/rss.asp
• I-use.it (italiano)
  http://www.i-use.it/feed-rss.xml
• nousab: not only usability (italiano)
  http://www.nousab.org/wp-rss2.php (per i contenuti)
  http://www.nousab.org/wp-commentsrss2.php (per i commenti dei lettori)
• ALA - A List Apart (inglese)
  http://www.alistapart.com/rss.xml (RSS 2.0)
  http://www.alistapart.com/articles.rdf (RSS 1.0)

Screen Reader

• Jaws - http://www.freedomscientific.com/
• Hal - http://www.dolphinuk.co.uk/products/hal.htm
• LookOUT - http://www.screenreader.co.uk/
• outSPOKEN - http://www.aagi.com/
• Virgo - http://www.virgo4.de/
• Window-Eyes - http://www.gwmicro.com/
• WinVision - http://www.artictech.com/

Siti in lingua straniera sull'accessibilità

• accessiblenet.org - http://www.accessiblenet.org/
• dive Into Accessibility - http://diveintoaccessibility.org/
• section 508 - http://www.section508.gov/
• usablenet - http://www.usablenet.com/

Siti italiani sull'accessibilità

• Publiaccesso.gov.it - http://www.pubbliaccesso.it/
• www.matitenelweb.it
  Il sito della Associazione Culturale Matite nel web dedicato ai corsi sulla accessibilità dei siti scolastici.
   
  
• www.porteapertesulweb.it
  Il sito del progetto dell'USR Lombardia dedicato alla accessibilità ed ai siti scolastici di qualità
   
  
• Canale accessibilità dei Centri Regionali di Competenza - http://www.crcitalia.it/focus/accessibilita/
• W3C Italia - http://www.w3c.it
• webxtutti - http://www.webxtutti.it
• webaccessibile.org - http://www.webaccessibile.org
• Bazzmann|Mag - http://www.bazzmann.com
• accessibile.net - http://www.accessibile.net
• diodati.org - http://www.diodati.org
• usabile.it - http://www.usabile.it
• webimpossibile - http://www.webimpossibile.net
• html.it - http://www.html.it/accessibilita/index.html
• accessToWeb - http://www.ecn.org/xs2web
• infoaccessibile - http://www.infoaccessibile.com/
• i-use.it - http://www.i-use.it/
• francocirillo.it (continene la traduzione italiana di "Dive into Accessibility") - http://www.francocarcillo.it/
• not only usability - http://www.nousab.org/
• accessibilitàonline - http://www.accessibilitaonline.org/
• webusabile.it - http://www.webusabile.it/
• subvedenti.it - http://www.subvedenti.it/Sviluppatori.asp

Specifiche del W3C

• Specifiche Html 4.01 - http://www.w3.org/TR/html4/
• Specifiche Xhtml
  • Xhtml 1.0 - http://www.w3.org/TR/xhtml1/
  • Xhtml 1.1 - http://www.w3.org/TR/xhtml11/
• Specifiche Xhtml Basic 1.1 - http://www.w3.org/TR/xhtml-basic/
• Specifiche Xml
  • Xml 1.0 - http://www.w3.org/TR/2004/REC-xml-20040204/
  • Xml 1.1 - http://www.w3.org/TR/2004/REC-xml11-20040204/
  • Xml in 10 punti - http://www.w3.org/XML/1999/XML-in-10-points.html
• Specifiche Css 2.1 - http://www.w3.org/TR/CSS21/
• My Web site is standard! And yours? - http://www.w3.org/QA/2002/04/Web-Quality#Standard
• WCAG - Web Content Accessibility Guidelines
  • WCAG 1.0 - http://www.w3.org/TR/WCAG10/
  • WCAG 2.0 Working Draft- http://www.w3.org/TR/WCAG20/
  • WCAG 1.0 checklist - http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/full-checklist
  • Techniques for WCAG 1.0 - http://www.w3.org/TR/WCAG10-TECHS/
    • Core Techniques for WCAG 1.0 - http://www.w3.org/TR/WCAG10-CORE-TECHS/
    • HTML Techniques for WCAG 1.0 - http://www.w3.org/TR/WCAG10-HTML-TECHS/
    • CSS Techniques for WCAG 1.0 - http://www.w3.org/TR/WCAG10-CSS-TECHS/
  • Frequently Asked Questions on WCAG 1.0 - http://www.w3.org/1999/05/WCAG-REC-fact
  • Specifiche WCAG 1.0 per l'utilizzo dei loghi - http://www.w3.org/WAI/WCAG1-Conformance.html.en
• Altri documenti del W3C sull'accessibilità
  • L'accessibilità in 10 punti - http://www.w3.org/WAI/References/QuickTips/#QuickTips
  • Introduzione all'Accessibilità del Web - http://www.w3.org/WAI/intro/accessibility
  • Pianificare l'accessibilità web - http://www.w3.org/WAI/impl/expanded
  • Sviluppare politiche organizzative per l'accessibilità web - http://www.w3.org/WAI/impl/pol.html
  • Selezione ed uso di strumenti di progettazione e sviluppo per l'accessibilità web - http://www.w3.org/WAI/impl/software.html
  • Valutare l'accessibilità dei siti Web - http://www.w3.org/WAI/eval/
  • Ulteriori vantaggi derivanti dalla realizzazione di web accessibile - http://www.w3.org/WAI/bcase/benefits.html
  • Riassunto dei vantaggi commerciali derivanti da un design web accessibile - http://www.w3.org/WAI/bcase/benefits-lin.html
  • I componenti interdipendenti dell'Accessibilità del Web - http://www.w3.org/WAI/intro/components
  • Raccolta di test per verificare le WCAG 2.0 (lavori in corso) - http://www.w3.org/WAI/GL/WCAG20/tests/
• Architettura del World Wide Web, Volume Uno - http://www.w3.org/TR/2004/REC-webarch-20041215/
• Tutorial: Using language information in XHTML, HTML and CSS - http://www.w3.org/International/tutorials/tutorial-lang/Overview.en.html

Specifiche del W3C in italiano

• Specifiche Html 4.01 - http://www.diodati.org/w3c/html401/cover.html (traduzione di Michele Diodati)
• Specifiche Xhtml 1.0 - http://www.w3c.it/traduzioni/xhtml1-it.html (traduzione di Patrizia Andronico)
• Specifiche Xhtml Basic 1.1 - http://www.w3c.it/traduzioni/REC-xhtml-basic-20001219-it.html (traduzione di Patrizia Andronico)
• Specifiche Xml
  • Xml 1.0 - http://www.xml.it:23456/XML/REC-xml-19980210-it.html (traduzione di Andrea Marchetti)
  • Xml in 10 punti - http://www.latoserver.it/XML/in10punti/ (traduzione di Emiliano Tellina)
• Specifiche Css 2 - http://www.diodati.org/w3c/css2/cover.html (traduzione Gabriele Romanato)
• Il mio sito Web è standard! E il vostro? - http://marciana.venezia.sbn.it/w3c/Web-Quality/ (traduzione di Maurizio Vittoria)
• WCAG - Web Content Accessibility Guidelines
  • WCAG 1.0
    • Traduzione di Vanni Bertini, Michelangelo Bottura, Annalisa Cichella, Maria Cristina Giavoni, Adelmo Taddei - http://www.aib.it/aib/cwai/WAI-trad.htm
    • Traduzione del Gruppo di lavoro U.O. Rete Civica del Comune di Prato - http://accessibility.comune.prato.it/tradotte/TR/WCAG10/
  • Specifiche WCAG 1.0 checklist - http://www.robertoscano.info/files/wcag10/full-checklist.html (traduzione di Roberto Scano)
  • Tecniche per le WCAG 1.0 - http://accessibility.comune.prato.it/tradotte/TR/WCAG10-TECHS/ (traduzione del Gruppo di lavoro U.O. Rete Civica del Comune di Prato)
    • Tecniche centrali - http://accessibility.comune.prato.it/tradotte/TR/WCAG10-CORE-TECHS/ (traduzione del Gruppo di lavoro U.O. Rete Civica del Comune di Prato)
    • Tecniche HTML - http://accessibility.comune.prato.it/tradotte/TR/WCAG10-HTML-TECHS/ (traduzione del Gruppo di lavoro U.O. Rete Civica del Comune di Prato)
    • Tecniche CSS
      • Traduzione di Maurizio Vittoria - http://www.webaccessibile.org/argomenti/argomento.asp?cat=107
      • Traduzione del Gruppo di lavoro U.O. Rete Civica del Comune di Prato - http://accessibility.comune.prato.it/tradotte/TR/WCAG10-CSS-TECHS/
  • FAQ relative alle "Linee Guida per l'accessibilità del contenuto web" - http://www.osservatoriosullacomunicazione.com/w3c/wai/wcag-rec-fact.html (traduzione di Pasquale Popolizio)
  • Specifiche WCAG 1.0 per l'utilizzo dei loghi - http://www.w3c.it/traduzioni/wcagcl.html (traduzione di Luciano Blini)
• Altri documenti del W3C sull'accessibilità
  • L'accessibilità in 10 punti - http://www.w3.org/WAI/References/QuickTips/qt.it.htm (traduzione di Annalisa Cichella)
  • Introduzione all'Accessibilità del Web - http://www.osservatoriosullacomunicazione.com/w3c/wai/intro/accessibility.html (traduzione di Pasquale Popolizio)
  • Pianificare l'accessibilità web - http://www.osservatoriosullacomunicazione.com/w3c/wai/implementation.html (traduzione di Pasquale Popolizio)
  • Sviluppare politiche organizzative per l'accessibilità web - http://www.osservatoriosullacomunicazione.com/w3c/wai/pol.html (traduzione di Pasquale Popolizio)
  • Selezione ed uso di strumenti di progettazione e sviluppo per l'accessibilità web - http://www.osservatoriosullacomunicazione.com/w3c/wai/software.html (traduzione di Pasquale Popolizio)
  • Valutare l'accessibilità dei siti Web - http://www.diodati.org/w3c/wai/valuta.htm (traduzione di Michele Diodati)
  • Ulteriori vantaggi derivanti dalla realizzazione di web accessibile - http://www.osservatoriosullacomunicazione.com/w3c/wai/benefits.html (traduzione di Pasquale Popolizio)
  • Riassunto dei vantaggi commerciali derivanti da un design web accessibile - http://www.osservatoriosullacomunicazione.com/w3c/wai/benefits-lin.html (traduzione di Pasquale Popolizio)
  • I componenti interdipendenti dell'Accessibilità del Web - http://www.osservatoriosullacomunicazione.com/w3c/wai/intro/components.html (traduzione di Pasquale Popolizio)
• Architettura del World Wide Web, Volume Uno - http://www.dkg.it/w3c/TR/2004/REC-webarch-20041215/it/index.htm (traduzione di Daniele Gabriele)
• Specifiche SMIL 1.0 - http://www.w3c.it/traduzioni/REC-smil-it.html (traduzione di Patrizia Andronico)
• Specifiche MathML 2.0 - http://www.w3c.it/traduzioni/MathML2/overview.html (traduzione di Sabrina Pampaloni e Michele Nappa)
• Tutorial: l'uso dell'informazione sulla lingua in XHTML, HTML e CSS - http://www.w3.org/International/tutorials/tutorial-lang/Overview.it.html

Validatori

• W3C validatore Html - validator.w3.org/
• W3C validatore Css - jigsaw.w3.org/css-validator/
• W3C Link Checker - validator.w3.org/checklink
• W3C Validator for XML Schema - www.w3.org/2001/03/webdata/xsv
• Su webaccessibile.org si può controllare il Flick Rate di una gif animata o di una animazione flash - www.webaccessibile.org/test/check.aspx
• Web Design Group validatore html - www.htmlhelp.com/
• Validome, HTML / XHTML / WML / XML Validator - www.validome.org/
• Doctor HTML - www.doctor-html.com/RxHTML/
• Site Valet validatore html e accessibilità - valet.webthing.com/
• XHTML 1.0 schema validator - schneegans.de/sv/
• XML Validation Form - www.stg.brown.edu/service/xmlvalid/
• Style-sheets.com validatore Css - www.style-sheets.com/validator.html
• Tidy - www.w3.org/People/Raggett/tidy/
• WebXACT (ex Bobby) - webxact.watchfire.com/
• Torquemada - www.webxtutti.it/testa.htm
• Cynthia - www.contentquality.com/
• Juicy Studio Quality Assurance - juicystudio.com/services.php
• Wave - www.wave.webaim.org/wave/index.jsp
• Test di accessibilità nei CSS - www.webaccessibile.org/css/default.asp
• Verifica del contrasto e dei colori - checky.bazzmann.com/colori/
• Feed Validator for Atom and RSS - feedvalidator.org/