1. Creaci de Documents Digitals Accessibles Ctedra dAccessibilitat de la Universitat Politcnica de CatalunyaRaquel Vllez Yolanda Guasch 2. Per qu fer els documents accessibles? Introducci 3. Per qu fer els documents accessibles? Curs 2011/2012:5.008 Alumnes amb discapacitat matriculats a la Universitat Pblica Espanyola. (Font: Avance de resultados del censo de alumnos universitarios con discapacidad curso acadmico 2011-2012. Observatorio Estatal de la Discapacidad). 4. Per qu fer els documents accessibles? Cens 2011:155 Alumnes amb discapacitat a la UPC. (Font: Dades Cens de Discapacitats. Any 2011. Comissi Tcnica UNIDISCAT. Consell Interuniversitari de Catalunya). 5. Per qu fer els documents accessibles? Qu voldr estudiar el Diego? Potser enginyeria, arquitectura. O ornitologia. 6. Pels altres perqu som una comunitat de persones amb diferents capacitats i circumstnciesAlumnes PDIPASUNIVERSITATProvedors Collaboradors 7. Per mi perqu aix la meva feina genera un resultat de ms qualitat i de valor afegit perqu garanteixo que la meva universitat s socialment responsable (Estrategia Universidad 2015: el camino para la modernizacin de la Universidad, 2010) responsabilidad social como una pieza fundamental del compromiso de la Universidad con la sociedad y con su tiempo, as como con las generaciones futuras la Universidad debe contar con campus sostenibles que deben ser saludables, accesibles e inclusivos y desempear sobre el entorno social, urbano y cultural una mayor interaccin y un papel didctico, proyectndose externamente como modelo de armona espacial, sostenibilidad y accesibilidad universal de las personas con discapacidad. 8. Per tots! Los entornos universitarios debern ser accesibles de acuerdo con las condiciones y en los plazos establecidos en la Ley 51/2003, de 2de diciembre, de igualdad de oportunidades, no discriminacin y accesibilidad universal de las personas con discapacidad y en sus disposiciones de desarrollo. Los edificios, instalaciones y dependencias de las universidades, incluidos tambin los espacios virtuales, as como los servicios, procedimientos y el suministro de informacin, debern ser accesibles para todas las personas, de forma que no se impida a ningn miembro de la comunidad universitaria, por razn de discapacidad, el ejercicio de su derecho a ingresar, desplazarse, permanecer, comunicarse, obtener informacin u otros de anloga significacin en condiciones reales y efectivas de igualdad. 9. Discapacitats Discapacitats Fsiques Dficit motriu Osteoarticulars Sistema nervisDiscapacitats Psquiques i Mentals Retard mental Trastorns de l'aprenentatge Malaltia mentalDiscapacitats Sensorials i Expressives Dficit visual Ceguesa Mala visi Dficit de l'oda Sordesa Mala audici Dficit del llenguatge, parla i veuPluridiscapacitats Sordceguesa Parlisis cerebral 10. Tots hi veiem igual? Vdeo: Vision Test 11. Qu s la accessibilitat? s la condici que han de complir els entorns, processos, bens, productes i serveis, aix com els objectes o instruments, eines i dispositius, per ser comprensibles, utilitzables i practicables per totes les persones en condicions de seguretat i comoditat i de la forma ms autnoma i natural possible.Com ho fem? Estratgia "disseny per tothom: disseny de productes , entorns, programes i serveis que puguin utilitzar totes les persones, en la major mesura possible, sense necessitat dun disseny especialitzat i sense perjudici dajustos raonables. 12. i la infoaccessibilitat? Aplicaci dels principis daccessibilitat universal a les tecnologies de la comunicaci e informaci, de tal manera que totes les persones puguin comunicar-se i accedir a qualsevol sistema dinformaci, en igualtat de condiciones. 13. Ajudes tcniques Lector (o revisor) de pantalla, realitza una conversi de text a parla i permet la navegaci pel document mitjanant tecles daccs rpid. (Ex. JAWS, VoiceOver...) Magnificador de pantalla, amplia una zona de la pantalla. (Ex. ZoomText) Vdeo: Tecnosoluciones 14. Prctica amb JAWS Comandes JAWS per llegir TEXT en Windows.Comandaments per a JAWS en Windows. (Castell)NmeroDescripciComandes1.Llegir tot el docINSERT + FLETXA ABAIX2.Llistat de ttols Llistat grfica i imatges amb text alternatiu Llistat de linksINSERT + F6Llistat de taules Moure dins la taula Llegir cella actual Llegir columna actual Llegir la fila actual Anar a la segent taulaINSERT + CTRL + TDisminuir velocitat veu Silenciar veu JAWSCRTL + ALT+AvPgLletra a lesquerra Lletra a la dreta paraula a lesquerra paraula a la dreta Comenament de lnia Fi de lnia Paragraf amunt Paragraf Avall Pgina amunt Pgina avall Top de la pgina actual Top de la segent pgina Comenament de document Fi de documentFLETXA ESQUERRA3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.CTRL + SHIFT + O INSERT + F7INSERT + SPACE, T i cursors 5 SHIFT + 5 SHIFR + FLETXA AMUNT CTRL + EnterCTRL FLETXA DRETA CTRL + FLETXA ESQUERRA CTRL + FLETXA DRETA INICI FI CTRL + FLETXA AMUNT CTRL + FLETXA ABAIX RePg Avpg CTRL + RePg CTRL + AvPg CTRL + INICI CTRL + FI 15. Document MS WORD 16. Com fem un document WORD accessible? Planifiquem cm ser el document. Introdum el contingut.Considerem laccessibilitat dels diferents elements.Comprovem laccessibilitat.Obtenim un document accessible! 17. Planificaci Establir: Propietats del document Idioma principal del document Mida i orientaci de pgina Marges Format del text Espai entre lnies Capalera i peu de pgina (no es llegeixen en el JAWS) Alineaci (preferiblement text alineat a lesquerra, no justificat) 18. Com comeno??? 19. Contingut textual (I) Lletra del cos del document: Mida entre 11-14; estils preferents: sense serif(i.e. Trebuchet, Arial, Verdana, Calibri o Helvtica). Evitar cursiva i lletra ornamentada. No utilitzar ms de dos tipus de lletres (recomanaci). Colors: alt contrast entre lletra i fons, assignar color automtic. Llistes: utilitzar les eines de Word per crear llistes o enumeracions. 20. Contingut textual (II) Fer s de salts de pgina o de secci per separar elements entre les pgines i per marcar fi de seccions. Estil de pargraf: evitar s dINTRO per separar pargrafs o elements del document. Fer s de les opcions del men pargraf. 21. Contingut textual (II) Acrnims: han dincloure el seu significat la primera vegada que apareixen. Idioma: establir idioma del text, en els fragments en idioma diferent al principal. Redacci: frases i vocabulari clar i senzill, bona puntuaci i evitar abreviatures. 11. (Ms informaci: llibre Cmo elaborar textos de fcil lectura). Evitar frases vdues al final de la pgina. 22. Estructura (I) Crear estructura jerrquica del document. Marcar els nivells dels ttols amb ls i adequaci dels estils rpids (ttol 1, 2 mxim 6 nivells). (Es pot comprovar revisant els marcadors amb el panell de navegaci del processador de textos). Tipus destils: Estil de pargraf Estil de carcter Si es t previst passar el DOC a PDF, la nomenclatura dels ttols ha de ser la mateixa que utilitzen les etiquetes estndard en el format PDF. Els altres elements del document com llistes, taules, enllaos, seccions i taules de contingut generen automticament etiquetes estndards. Ms info: http://alistapart.com/d/pdf_accessibility/PDFtags.html. Estil WordEstils Word per a PDFReferncia (Angls)Ttol 1, 2, 3H1, H2, H3...Head levelPargraf / normalPParagraphEpgrafCaptionCaption 23. Estructura (II) La Taula de Contingut per motius de usabilitat no hauria d'excedir de tres nivells. El carcter entre el text i el nmero de pgina ha de ser en format de punts (per a usuaris de JAWS). (No deixar sense carcters). Assegurar-se que la taula de continguts t activat el mode HYPERLINK per a lndex de continguts, figures i taules (a travs de inserir Taula de Continguts). (Facilita la navegaci en JAWS). Separar les seccions del document amb salts de secci. 24. Estructura (III) Establir les capaleres i peus de pgina. Paginar el document amb mateix tipus de lletra. Nmeros amb mida visible (entre 12-14). Notes i peus de pgina (per a usuaris baixa visi fer espai entre nmero i text).Ms informaci: Guia de Contingut Digital Accessible. 25. Columnes s de leina de columnes (salts continus i de columnes) 26. Quadres de text Evitar ls de quadres de text (aquests sn tractats com imatges i el seu contingut no es llegit per les ajudes tcniques). Si sutilitzen quadres de text , afegir text alternatiu.Per ms informaci consulteu la Guia de Contingut Digital Accessible. 27. Enllaos Taula de Continguts. Enllaos dins el text: lhipervincle ha de donar una descripci clara del lloc de dest (evitar posar noms la URL o la frase clica enlla). 28. Enllaos Referncies creuades (nota al peu, referncia creuada a figura o numeraci del text...) han de ser introdudes mitjanant les eines existents en Word. 29. Taules, Figures, grfics ( i daltres objectes incrustats) Afegir capalera (captions- epgrafe) als objectes incrustats amb la numeraci seriada corresponent. Es recomana que la capalera estigui abans (part superior) de lobjecte incrustat. Afegir text alternatiu a figures i grfics, sobretot si s essencial per a lenteniment del contingut del document. Si no aporta informaci al document omplir el TEXT ALT amb un parell de cometes: . 30. Figures (figures poden ser fotografies, dibuixos, grfiques o imatges) Imatges ntides, senzilles i amb alt contrast. Posici en lnia amb el text. No utilitzar marques daigua o imatges de fons ja que interfereixen amb la lectura del text. 31. Taules (I) Utilitzar el men Inserir Taula. s recomanat per a mostrar dades, no per maquetaci del document. Evitar la combinaci de celles (tallant la taula en taules ms petites/redudes). Contingut textual ha de ser clar i ntid. 32. Taules (II) Marcar ttol a columnes, i files en el cas dexistir. Estil de la taula, clara, senzilla, alt contrast fons text i celles delimitades per a que no doni confusi la lectura del contingut de cada cella. Mantenir lestil de la taula en tot el document. 33. Taules (III) Evitar files o columnes buides per esttica. Evitar adjuntar varies taules en una. Alineaci del text a la part superior de cada cella (facilita la comprensi de la taula als usuaris de Lnia Braille). Evitar que les files de taula es trenquin entre pgines. No combinar ni dividir les celles 34. Taules (IV) Repetir la fila de ttols de la taula en les diferents pgines en el cas de que ocupi ms duna. Incloure capalera (Caption) al damunt de la taula amb numeraci seriada. (A travs del men Referncies: Insertar Ttol. La redacci del document ha doferir informaci de com sestructura el contingut de taula. Saconsella aportar descripci o explicaci de la taula desprs de la mateixa. 35. Grfiques (I) Les grfiques han de ser senzilles, aportant noms la informaci rellevant. Han danar acompanyades de taules (si aquesta no s llarga) i de la explicaci/descripci dins el discurs del document o, en cas contrari afegir text alternatiu (no ms de 100 paraules). Fer s de llegendes i afegir les dades quantificatives juntament amb les imatges (barres, cercles, lnies...). Percentage of Final /r/ in Detroit African American Speakers Across Gender and Class Summary of Trends The numbers show that /r/ dropping becomes more common in lower classes(lower percentages of final /r/), but that women consistently preserve more /r/'s then men across social classes. Gender Female MaleUpper Lower Middle Class MiddleUpper MiddleLower Working90%70%44.2%31.7%66.7%52.5%20%25% 36. Grfiques (II) Alt contrast i delimitaci de les imatges (barres, cercles, lnies...). Colors alternats : fosc clar. Evitar combinaci: Vermell- verd; Vermell- blau. s de combinaci de marques com ratlles, punts... per diferenciar blocs de formatges o barres. Evitar ls del color semntic. Prover de informaci redundant per a la informacin presentada en colors. 37. Grfiques: Accessible o inaccessible? 38. Color (text, logotips, grfiques) Contrast VermellBlauTaronjaMarrGrocGrocVermellBlancVerd Contrast pobreVermell Alt contrast Evitar combinaci vermell-verd No donar informaci nicament amb el color. Eines dutilitat i gratutes: 39. Color (II) Utilitats per aconseguir colors accesibles Colour Contrast Analyzer: per analitzar laccessibilitat dels colors emprats. 40. Color (III) Utilitats per aconseguir colors accesibles Contrast-A : per buscar combinacions de colors accessibles.Alteracions en la detecci del color Protanopia s la carncia de sensibilitat al color vermell. Deuteranopiano es discrimina entreverd i vermell. Tritanopia s color blau.la carncia de sensibilitat al 41. Vdeo Subtitulaci de vdeos. Manual per realitzar les prctiques Guia de Contingut Digital Accessible 42. Comprovaci de laccessibilitat Comprovador de Word (noms funciona en documents creats amb Office 2010) Errors (tems que impedeixen la comprensi del document) Advertncies (tems que la dificulten) Suggeriments (tems per millorar lexperincia de lusuari) Anar a la guia de suport en lnia JAWS 43. Full de clcul MS Excel 44. Com fem un full de clcul en Excel accessible? 45. Document PDF 46. Com fem un document PDF accessible? Transformem Word en PDF Comprobem transformaci s correctaTest accessibilitatSolventem problemesObtenim un document accessible! Millor opci sempre desde word. 47. Transformem WORD a PDF Des de WORD anar a men ACROBAT:1.Preferncies > Configuracin Crear marcadors Agregar vincles Activar etiquetat avanat2. Preferncies > Marcadors Escollir les nivells de marcadors que voleu que apareguin al PDF. (fins a 6 nivells)3.Crear PDFMai guardar o imprimir WORD com a PDF ! 48. Comprovar 1. Propietats del document Arxiu> Propietats > Descripci : ttol, autors, paraules clau. > > vista inicial: mostrar ttol doc. >> Avanat: Idioma principal del document 49. Comprovar 2. Marcadors3. Etiquetes 50. Test daccessibilitat Herramientas> accesibilidad> comprobacin completa 12 3 51. Informe derrors Llista derrors 52. Informe derrors- Errors recurrents 1. Falta text alternatiu figures (fotos, quadres, grfiques...) 2. Errors dordre lgic de lectura 3. Errors detiquetatge Errors detiquetatge de taula4. Links 53. Errors recurrents 1: Text alternatiu Quadres de text o imatges significatives: 54. Errors recurrents 2: Ordre de lectura 55. Errors recurrents 3: Error detiquetatge I 1. Element mal etiquetat. 2. Element no etiquetat Dues opcions per esmenar-ho:A. Panell detiquetesB. Panell Retocar Ordre de Lectura 56. Errors recurrents 3: Error detiquetatge II A. Panell detiquetes Qu es pot fer? Moure etiquetes Cambiar nom Afegir nova etiqueta No es pot desfer!Llistat de tipus detiquetes (angls)prctica 57. Errors recurrents 3: Error detiquetatge III B. Panell Retocar Ordre de Lectura 58. Errors recurrents 3: Error etiquetatge IV- Taules Identificar TH i TD: 1. Men Retocar Ordre de lectura> seleccionar taula > clicar editor de taula 2. Men Rectocar orden de lectura> seleccionar taula > bot dret> editor de taula 59. Errors recurrents 4: Links 5.LinksEn imatges o text: un link que no es detecta sha de crear:Seleccionar text/ imatge > bot dret ratol > crear vincle 60. Bibliografa recomanada Producing Accessible Word and PDF Documents. (Angls) Gua de accesibilidad en documentos PDF. (castell) Video tutorials per a Word, Excel, PPs (Angls) 61. Dades de contacte Raquel Vllez raquel.vallez@catac.upc.edu Yolanda Guasch yolanda.guasch@catac.upc.eduCtedra dAccessibilitat Universitat Politcnica de Catalunya Escola Politcnica Superior de Vilanova i la Geltr Edifici VG3 Despatx 160 Telf. 93 896 72 45 www.catac.upc.eduSegueix-nos a Twitter @CATAC_UPC