SlideShare uma empresa Scribd logo
1 de 62
Baixar para ler offline
Creació de
Documents Digitals
Accessibles
Càtedra d’Accessibilitat de la Universitat Politècnica de Catalunya

Raquel Vállez
Yolanda Guasch
Per què fer els documents accessibles?
Introducció
Per què fer els documents accessibles?
• Curs 2011/2012:

5.008
Alumnes amb discapacitat matriculats a la Universitat Pública Espanyola.
(Font: Avance de resultados del censo de alumnos universitarios con discapacidad curso académico 2011-2012. Observatorio
Estatal de la Discapacidad).
Per què fer els documents accessibles?
• Cens 2011:

155
Alumnes amb discapacitat a la UPC.
(Font: Dades Cens de Discapacitats. Any 2011. Comissió Tècnica UNIDISCAT. Consell Interuniversitari de Catalunya).
Per què fer els documents accessibles?
Què voldrà estudiar el Diego?
Potser enginyeria,
arquitectura….
…
O ornitologia.
Pels altres…
• perquè som una comunitat de persones amb diferents
capacitats i circumstàncies

Alumnes
PDI

PAS

UNIVERSITAT

Proveïdors
Col·laboradors
Per mi…
• perquè així la meva feina genera un resultat de més qualitat i
de valor afegit

• perquè garanteixo que la meva universitat és
socialment responsable (Estrategia Universidad 2015:
el camino para la modernización 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 desempeñar sobre el entorno social, urbano y cultural
una mayor interacción y un papel didáctico, proyectándose externamente como
modelo de armonía espacial, sostenibilidad y accesibilidad universal de las
personas con discapacidad.”
Per tots!
• “Los entornos universitarios deberán ser accesibles de acuerdo con las
condiciones y en los plazos establecidos en la Ley 51/2003, de 2

de diciembre, de igualdad de oportunidades, no
discriminación y accesibilidad universal de las
personas con discapacidad y en sus disposiciones de
desarrollo.”

• “Los edificios, instalaciones y dependencias de las universidades,
incluidos también los espacios virtuales, así como los servicios,
procedimientos y el suministro de información, deberán
ser accesibles para todas las personas, de forma que no se
impida a ningún miembro de la comunidad universitaria, por razón de
discapacidad, el ejercicio de su derecho a ingresar, desplazarse,
permanecer, comunicarse, obtener información u otros de
análoga significación en condiciones reales y efectivas de igualdad.“
Discapacitats
Discapacitats Físiques

• Dèficit motriu
• Osteoarticulars
• Sistema nerviós

Discapacitats
Psíquiques i Mentals

• Retard mental
• Trastorns de
l'aprenentatge
• Malaltia mental

Discapacitats
Sensorials i
Expressives

• Dèficit visual
• Ceguesa
• Mala visió
• Dèficit de l'oïda
• Sordesa
• Mala audició
• Dèficit del
llenguatge, parla i
veu

Pluridiscapacitats

• Sordceguesa
• Paràlisis cerebral
Tots hi veiem igual?
• Vídeo: Vision Test
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 més autònoma i natural possible.

Com ho fem?
• Estratègia "disseny per tothom”: disseny de productes ,
entorns, programes i serveis que puguin utilitzar totes les
persones, en la major mesura possible, sense necessitat d’un
disseny especialitzat i sense perjudici d’ajustos raonables.
…i la infoaccessibilitat?
• Aplicació dels principis d’accessibilitat universal a les
tecnologies de la comunicació e informació, de tal
manera que totes les persones puguin comunicar-se i accedir
a qualsevol sistema d’informació, en igualtat de condiciones.
Ajudes tècniques
• Lector (o revisor) de pantalla, realitza una conversió de
text a parla i permet la navegació pel document mitjançant
tecles d’accés ràpid. (Ex. JAWS, VoiceOver...)

• Magnificador de pantalla, amplia una zona de la
pantalla. (Ex. ZoomText)
• Vídeo: Tecnosoluciones
Pràctica amb JAWS
Comandes JAWS per llegir TEXT en Windows.

Comandaments per a JAWS
en Windows. (Castellà)

Número

Descripció

Comandes

1.

Llegir tot el doc

INSERT + FLETXA ABAIX

2.

Llistat de títols
Llistat gràfica i imatges
amb text alternatiu
Llistat de links

INSERT + F6

Llistat de taules
Moure dins la taula
Llegir cel·la actual
Llegir columna actual
Llegir la fila actual
Anar a la següent taula

INSERT + CTRL + T

Disminuir velocitat veu
Silenciar veu JAWS

CRTL + ALT+AvPág

Lletra a l’esquerra
Lletra a la dreta
paraula a l’esquerra
paraula a la dreta
Començament de línia
Fi de línia
Paragraf amunt
Paragraf Avall
Pàgina amunt
Pàgina avall
Top de la pàgina actual
Top de la següent pàgina
Començament de
document
Fi de document

FLETXA ESQUERRA

3.
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 + F7

INSERT + SPACE, T i cursors
5
SHIFT + 5
SHIFR + FLETXA AMUNT
CTRL + Enter

CTRL
FLETXA DRETA
CTRL + FLETXA ESQUERRA
CTRL + FLETXA DRETA
INICI
FI
CTRL + FLETXA AMUNT
CTRL + FLETXA ABAIX
RePág
Avpág
CTRL + RePág
CTRL + AvPág
CTRL + INICI
CTRL + FI
Document
MS WORD
Com fem un document WORD
accessible?
Planifiquem cóm serà
el document.
Introduïm el contingut.

Considerem
l’accessibilitat dels
diferents elements.

Comprovem
l’accessibilitat.

Obtenim un document
accessible!
Planificació
Establir:

• Propietats del document
• Idioma principal del document
• Mida i orientació de pàgina

• Marges
• Format del text
• Espai entre línies

• Capçalera i peu de pàgina (no es llegeixen en el JAWS)
• Alineació (preferiblement text alineat a l’esquerra, no justificat)
Com començo???
Contingut textual (I)
• Lletra del cos del document:
 Mida entre 11-14; estils preferents: sense ‘serif’(i.e. Trebuchet,
Arial, Verdana, Calibri o Helvètica).
 Evitar cursiva i lletra ornamentada.
 No utilitzar més de dos tipus de lletres (recomanació).
 Colors: alt contrast entre lletra i fons, assignar color automàtic.

• Llistes: utilitzar les eines de Word per crear llistes o
enumeracions.
Contingut textual (II)
• Fer ús de salts de pàgina o de secció per separar elements
entre les pàgines i per marcar fi de seccions.

• Estil de paràgraf: evitar ús d’INTRO
per separar paràgrafs o elements
del document. Fer ús de les
opcions del menú ‘paràgraf’.
Contingut textual (II)
• Acrònims: han d’incloure 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. (Més informació: llibre ‘Cómo elaborar
textos de fácil lectura’).
• Evitar frases vídues al final de la pàgina.
Estructura (I)
• Crear estructura jeràrquica del document.
• Marcar els nivells dels títols amb l’ús i adequació dels estils ràpids (títol
1, 2… màxim 6 nivells). (Es pot comprovar revisant els marcadors amb
el panell de navegació del processador de textos).
• Tipus d’estils:
 Estil de paràgraf
 Estil de caràcter

• Si es té previst passar el DOC a PDF, la nomenclatura dels títols ha de
ser la mateixa que utilitzen les etiquetes estàndard en el format PDF.
Els altres elements del document com llistes, taules, enllaços, seccions
i taules de contingut generen automàticament etiquetes estàndards.
• Més info: http://alistapart.com/d/pdf_accessibility/PDFtags.html.
Estil Word

Estils Word per a PDF

Referència (Anglès)

Títol 1, 2, 3

H1, H2, H3...

Head level

Paràgraf / normal

P

Paragraph

Epígraf

Caption

Caption
Estructura (II)
• La Taula de Contingut per motius de usabilitat no hauria d'excedir de
tres nivells.
• El caràcter entre el text i el número de pàgina ha de ser en format de
punts (per a usuaris de JAWS). (No deixar sense caràcters).
• Assegurar-se que la taula de continguts té activat el mode
HYPERLINK per a l’índex de continguts, figures i taules (a través de
inserir ‘Taula de Continguts’). (Facilita la navegació en JAWS).
• Separar les seccions del document amb ‘salts de secció’.
Estructura (III)
• Establir les capçaleres i peus de pàgina.
• Paginar el document amb mateix tipus de lletra. Números amb
mida visible (entre 12-14).
• Notes i peus de pàgina (per a usuaris baixa visió fer espai
entre número i text).

Més informació: Guia de Contingut Digital Accessible.
Columnes
• Ús de l’eina de columnes (salts continus i de columnes)
Quadres de text

• Evitar l’ús de quadres de text (aquests són tractats com
imatges i el seu contingut no es llegit per les ajudes
tècniques).
• Si s’utilitzen quadres de text , afegir text alternatiu.

Per més informació consulteu la ‘Guia de Contingut Digital Accessible’.
Enllaços
• Taula de Continguts.
• Enllaços dins el text: l’hipervincle ha de donar una descripció
clara del lloc de destí (evitar posar només la URL o la frase
“clica enllaç”).
Enllaços
• Referències creuades (nota al peu, referència creuada a figura
o numeració del text...) han de ser introduïdes mitjançant les
eines existents en Word.
Taules, Figures, gràfics
( i d’altres objectes incrustats)
• Afegir capçalera (captions- epígrafe) als objectes incrustats
amb la numeració seriada corresponent.
• Es recomana que la capçalera estigui abans (part superior) de
l’objecte incrustat.
• Afegir text alternatiu a figures i gràfics, sobretot si és essencial
per a l’enteniment del contingut del document.
 Si no aporta informació al document omplir el TEXT ALT amb un
parell de cometes: “”.
Figures
(figures poden ser fotografies, dibuixos, gràfiques o imatges)

• Imatges nítides, senzilles i amb alt contrast.
• Posició en línia amb el text.
• No utilitzar marques d’aigua o imatges de fons ja que
interfereixen amb la lectura del text.
Taules (I)
• Utilitzar el menú ‘Inserir Taula’.
• Ús recomanat per a mostrar dades, no per maquetació del
document.
• Evitar la combinació de cel·les (tallant la taula en taules més
petites/reduïdes).
• Contingut textual ha de ser clar i nítid.
Taules (II)
• Marcar títol a columnes, i files en el cas d’existir.
• Estil de la taula, clara, senzilla, alt contrast fons text i cel·les
delimitades per a que no doni confusió la lectura del contingut
de cada cel·la.
• Mantenir l’estil de la taula en tot el document.
Taules (III)
• Evitar files o columnes buides per estètica.
• Evitar adjuntar varies taules en una.

• Alineació del text a la part superior de cada cel·la (facilita la
comprensió de la taula als usuaris de Línia Braille).
• Evitar que les files de taula es trenquin entre pàgines.
• No combinar ni dividir les cel·les
Taules (IV)
• Repetir la fila de títols de la taula en les diferents pàgines en el
cas de que ocupi més d’una.
• Incloure capçalera (“Caption”) al damunt de la taula amb
numeració seriada. (A través del menú “Referències: Insertar
Títol”.
• La redacció del document ha d’oferir informació de com
s’estructura el contingut de taula.
• S’aconsella aportar descripció o explicació de la taula després
de la mateixa.
Gràfiques (I)
• Les gràfiques han de ser senzilles, aportant només la
informació rellevant.
• Han d’anar 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 més de 100 paraules).
• Fer ús de llegendes i afegir les dades quantificatives juntament
amb les imatges (barres, cercles, línies...).
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
Male

Upper
Lower
Middle Class Middle

Upper
Middle

Lower
Working

90%

70%

44.2%

31.7%

66.7%

52.5%

20%

25%
Gràfiques (II)
• Alt contrast i delimitació de les imatges (barres, cercles,
línies...).
• 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 l’ús del color semàntic.
• Proveïr de informació redundant per a la información
presentada en colors.
Gràfiques: Accessible o inaccessible?
Color (text, logotips, gràfiques…)
• Contrast
Vermell

Blau

Taronja

Marró

Groc

Groc

Vermell

Blanc

Verd

 Contrast pobre

Vermell

 Alt contrast

 Evitar combinació vermell-verd

• No donar informació únicament amb el color.
• Eines d’utilitat i gratuïtes:
Color (II)

• Utilitats per aconseguir colors accesibles
Colour Contrast Analyzer: per analitzar l’accessibilitat dels colors
emprats.
Color (III)
• Utilitats per aconseguir colors accesibles
Contrast-A : per buscar combinacions de colors accessibles.

Alteracions en la detecció del color
 Protanopia és la carència de sensibilitat al
color vermell.

 Deuteranopia

no es discrimina entre

verd i vermell.

 Tritanopia és
color blau.

la carència de sensibilitat al
Vídeo
• Subtitulació de vídeos. Manual per realitzar les pràctiques
• Guia de Contingut Digital Accessible
Comprovació de l’accessibilitat
• Comprovador de Word
(nomès funciona en documents creats amb Office 2010)
 Errors (ítems que impedeixen la comprensió del document)
 Advertències (ítems que la dificulten)
 Suggeriments (ítems per millorar l’experiència de l’usuari)
 Anar a la guia de suport en línia

• JAWS
Full de càlcul
MS Excel
Com fem un full de càlcul en
Excel accessible?
Document PDF
Com fem un document PDF
accessible?
Transformem Word en
PDF
Comprobem
transformació
és correcta

Test accessibilitat

Solventem
problemes

Obtenim un document
accessible!
Millor opció sempre desde word.
Transformem WORD a PDF
Des de WORD anar a menú ACROBAT:

1.

Preferències > Configuración
 Crear marcadors
 Agregar vincles
 Activar etiquetat avançat

2. Preferències > Marcadors
Escollir les nivells de marcadors que voleu que apareguin al PDF.
(fins a 6 nivells)

3.

Crear PDF

Mai guardar o
imprimir WORD
com a PDF !
Comprovar
1. Propietats del document
 Arxiu> Propietats > Descripció : títol, autors, paraules clau.
 “
>
“
> vista inicial: mostrar títol doc.

 “

>

“

> Avançat: Idioma principal del document
Comprovar
2. Marcadors

3. Etiquetes
Test d’accessibilitat
• Herramientas> accesibilidad> comprobación completa
1

2
3
Informe d’errors
• Llista d’errors
Informe d’errors- Errors recurrents
1. Falta text alternatiu figures (fotos, quadres,
gràfiques...)
2. Errors d’ordre lògic de lectura
3. Errors d’etiquetatge
• Errors d’etiquetatge de taula

4. Links
Errors recurrents 1: Text alternatiu
Quadres de text o imatges significatives:
Errors recurrents 2: Ordre de lectura
Errors recurrents 3: Error d’etiquetatge I
1. Element mal etiquetat.
2. Element no etiquetat
Dues opcions per esmenar-ho:

A. Panell d’etiquetes

B. Panell Retocar Ordre de Lectura
Errors recurrents 3:
Error d’etiquetatge II
A. Panell d’etiquetes
Qué es pot fer?
• Moure etiquetes
• Cambiar nom
• Afegir nova etiqueta
No es pot desfer!

Llistat de tipus d’etiquetes (anglès)

pràctica
Errors recurrents 3:
Error d’etiquetatge III
B. Panell Retocar Ordre de Lectura
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
Errors recurrents 4: Links
5.

Links

En imatges o text: un link que no es detecta s’ha de crear:

Seleccionar text/ imatge > botó dret ratolí > crear vincle
Bibliografía recomanada
• Producing Accessible Word and PDF Documents. (Anglès)
• Guía de accesibilidad en documentos PDF. (castellà)
• Video tutorials per a Word, Excel, PPs (Anglès)
Curs documents digitals accessibles (word excel-pdf) de CATAC
Dades de contacte
• Raquel Vàllez
raquel.vallez@catac.upc.edu

• Yolanda Guasch
yolanda.guasch@catac.upc.edu

Càtedra d’Accessibilitat
Universitat Politècnica de Catalunya
Escola Politècnica Superior de Vilanova i la Geltrú
Edifici VG3
Despatx 160
Telf. 93 896 72 45
www.catac.upc.edu

Segueix-nos a Twitter @CATAC_UPC

Mais conteúdo relacionado

Semelhante a Curs documents digitals accessibles (word excel-pdf) de CATAC

Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)
Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)
Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)Joaquin Fonoll
 
Millorar expressio escrita amb suports digitals
Millorar expressio escrita amb suports digitalsMillorar expressio escrita amb suports digitals
Millorar expressio escrita amb suports digitalsJoaquin Fonoll
 
Sdtacversio Ripolles
Sdtacversio RipollesSdtacversio Ripolles
Sdtacversio Ripollesjcastan4
 
Sdtacversio Ripolles
Sdtacversio RipollesSdtacversio Ripolles
Sdtacversio Ripolless.e.cerdanya
 
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...Joaquin Fonoll
 
Accessibilitat digital: Les TIC per a tothom - 2ª edició
Accessibilitat digital: Les TIC per a tothom - 2ª edicióAccessibilitat digital: Les TIC per a tothom - 2ª edició
Accessibilitat digital: Les TIC per a tothom - 2ª edicióm4Social
 
Modul 1
Modul 1Modul 1
Modul 1Jorge
 
Curs literari-1.pdf
Curs literari-1.pdfCurs literari-1.pdf
Curs literari-1.pdfPlanet-ele
 
Suports Digitals per millorar la comprensio lectora
Suports Digitals  per millorar la  comprensio lectoraSuports Digitals  per millorar la  comprensio lectora
Suports Digitals per millorar la comprensio lectoraJoaquin Fonoll
 
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/171er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17JAUME GRAU CANO
 
Presentación de las tic y la inclusión educativa
Presentación de las tic y la inclusión educativaPresentación de las tic y la inclusión educativa
Presentación de las tic y la inclusión educativabelengarcia1530
 
Las tic y la inclusión educativa
Las tic y la inclusión educativaLas tic y la inclusión educativa
Las tic y la inclusión educativaEvelynreina
 
Comunicar Ciència, comunicar Recerca
Comunicar Ciència, comunicar RecercaComunicar Ciència, comunicar Recerca
Comunicar Ciència, comunicar RecercaAlberto Fernandez
 
Quatreenlinia PresentacióFinal
Quatreenlinia PresentacióFinalQuatreenlinia PresentacióFinal
Quatreenlinia PresentacióFinalquatreenlinia
 
Angles Tic
Angles TicAngles Tic
Angles Ticnbrichs
 
STAC Presentacio Blocs
STAC Presentacio BlocsSTAC Presentacio Blocs
STAC Presentacio BlocsXavier Rosell
 

Semelhante a Curs documents digitals accessibles (word excel-pdf) de CATAC (20)

Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)
Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)
Eines tecnològiques per a la Diversitat funcional” ( Suports digitals)
 
Millorar expressio escrita amb suports digitals
Millorar expressio escrita amb suports digitalsMillorar expressio escrita amb suports digitals
Millorar expressio escrita amb suports digitals
 
Sdtacversio Ripolles
Sdtacversio RipollesSdtacversio Ripolles
Sdtacversio Ripolles
 
Sdtacversio Ripolles
Sdtacversio RipollesSdtacversio Ripolles
Sdtacversio Ripolles
 
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...
Suports Digitals per accedir al currículum quan hi ha dificultats en la lectu...
 
Accessibilitat digital: Les TIC per a tothom - 2ª edició
Accessibilitat digital: Les TIC per a tothom - 2ª edicióAccessibilitat digital: Les TIC per a tothom - 2ª edició
Accessibilitat digital: Les TIC per a tothom - 2ª edició
 
Modul 1
Modul 1Modul 1
Modul 1
 
Curs literari-1.pdf
Curs literari-1.pdfCurs literari-1.pdf
Curs literari-1.pdf
 
Accessibilitat als continguts digitals
Accessibilitat als continguts digitalsAccessibilitat als continguts digitals
Accessibilitat als continguts digitals
 
Suports Digitals per millorar la comprensio lectora
Suports Digitals  per millorar la  comprensio lectoraSuports Digitals  per millorar la  comprensio lectora
Suports Digitals per millorar la comprensio lectora
 
Eines lliures al Centre de Documentacio i Museu de las Arts Esceniques de l...
Eines lliures al Centre de Documentacio i Museu de las Arts Esceniques de l...Eines lliures al Centre de Documentacio i Museu de las Arts Esceniques de l...
Eines lliures al Centre de Documentacio i Museu de las Arts Esceniques de l...
 
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/171er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17
1er Congrès d'Enginyeria Clínica, Sistemes de Salut i Ètica 2016/17
 
JosebaEzeiza_Produccio_Linguistica
JosebaEzeiza_Produccio_LinguisticaJosebaEzeiza_Produccio_Linguistica
JosebaEzeiza_Produccio_Linguistica
 
Presentación de las tic y la inclusión educativa
Presentación de las tic y la inclusión educativaPresentación de las tic y la inclusión educativa
Presentación de las tic y la inclusión educativa
 
Presentacions Multimèdia Eficients
Presentacions Multimèdia EficientsPresentacions Multimèdia Eficients
Presentacions Multimèdia Eficients
 
Las tic y la inclusión educativa
Las tic y la inclusión educativaLas tic y la inclusión educativa
Las tic y la inclusión educativa
 
Comunicar Ciència, comunicar Recerca
Comunicar Ciència, comunicar RecercaComunicar Ciència, comunicar Recerca
Comunicar Ciència, comunicar Recerca
 
Quatreenlinia PresentacióFinal
Quatreenlinia PresentacióFinalQuatreenlinia PresentacióFinal
Quatreenlinia PresentacióFinal
 
Angles Tic
Angles TicAngles Tic
Angles Tic
 
STAC Presentacio Blocs
STAC Presentacio BlocsSTAC Presentacio Blocs
STAC Presentacio Blocs
 

Último

Com fer, per passes, la regleta de Genaille del 7
Com fer, per passes, la regleta de Genaille del 7Com fer, per passes, la regleta de Genaille del 7
Com fer, per passes, la regleta de Genaille del 7calaix2ie
 
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...Lasilviatecno
 
Exemple de multiplicació amb les regletes de Genaile
Exemple de multiplicació amb les regletes de GenaileExemple de multiplicació amb les regletes de Genaile
Exemple de multiplicació amb les regletes de Genailecalaix2ie
 
Explicació del trencaclosques dels "nans entremaliats"
Explicació del trencaclosques dels "nans entremaliats"Explicació del trencaclosques dels "nans entremaliats"
Explicació del trencaclosques dels "nans entremaliats"calaix2ie
 
4 RATLLES / ABRIL 2024 - Escola Ametllers
4 RATLLES / ABRIL 2024 - Escola Ametllers4 RATLLES / ABRIL 2024 - Escola Ametllers
4 RATLLES / ABRIL 2024 - Escola AmetllersSuperAdmin9
 

Último (6)

Com fer, per passes, la regleta de Genaille del 7
Com fer, per passes, la regleta de Genaille del 7Com fer, per passes, la regleta de Genaille del 7
Com fer, per passes, la regleta de Genaille del 7
 
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
 
Peça amb leds i controlador extern amb microfon
Peça amb leds i controlador extern amb microfonPeça amb leds i controlador extern amb microfon
Peça amb leds i controlador extern amb microfon
 
Exemple de multiplicació amb les regletes de Genaile
Exemple de multiplicació amb les regletes de GenaileExemple de multiplicació amb les regletes de Genaile
Exemple de multiplicació amb les regletes de Genaile
 
Explicació del trencaclosques dels "nans entremaliats"
Explicació del trencaclosques dels "nans entremaliats"Explicació del trencaclosques dels "nans entremaliats"
Explicació del trencaclosques dels "nans entremaliats"
 
4 RATLLES / ABRIL 2024 - Escola Ametllers
4 RATLLES / ABRIL 2024 - Escola Ametllers4 RATLLES / ABRIL 2024 - Escola Ametllers
4 RATLLES / ABRIL 2024 - Escola Ametllers
 

Curs documents digitals accessibles (word excel-pdf) de CATAC

  • 1. Creació de Documents Digitals Accessibles Càtedra d’Accessibilitat de la Universitat Politècnica de Catalunya Raquel Vállez 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 Pública Espanyola. (Font: Avance de resultados del censo de alumnos universitarios con discapacidad curso académico 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ó Tècnica 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 circumstàncies Alumnes PDI PAS UNIVERSITAT Proveïdors Col·laboradors
  • 7. Per mi… • perquè així la meva feina genera un resultat de més qualitat i de valor afegit • perquè garanteixo que la meva universitat és socialment responsable (Estrategia Universidad 2015: el camino para la modernización 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 desempeñar sobre el entorno social, urbano y cultural una mayor interacción y un papel didáctico, proyectándose externamente como modelo de armonía espacial, sostenibilidad y accesibilidad universal de las personas con discapacidad.”
  • 8. Per tots! • “Los entornos universitarios deberán ser accesibles de acuerdo con las condiciones y en los plazos establecidos en la Ley 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad y en sus disposiciones de desarrollo.” • “Los edificios, instalaciones y dependencias de las universidades, incluidos también los espacios virtuales, así como los servicios, procedimientos y el suministro de información, deberán ser accesibles para todas las personas, de forma que no se impida a ningún miembro de la comunidad universitaria, por razón de discapacidad, el ejercicio de su derecho a ingresar, desplazarse, permanecer, comunicarse, obtener información u otros de análoga significación en condiciones reales y efectivas de igualdad.“
  • 9. Discapacitats Discapacitats Físiques • Dèficit motriu • Osteoarticulars • Sistema nerviós Discapacitats Psíquiques i Mentals • Retard mental • Trastorns de l'aprenentatge • Malaltia mental Discapacitats Sensorials i Expressives • Dèficit visual • Ceguesa • Mala visió • Dèficit de l'oïda • Sordesa • Mala audició • Dèficit del llenguatge, parla i veu Pluridiscapacitats • Sordceguesa • Paràlisis cerebral
  • 10. Tots hi veiem igual? • Vídeo: 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 més autònoma i natural possible. Com ho fem? • Estratègia "disseny per tothom”: disseny de productes , entorns, programes i serveis que puguin utilitzar totes les persones, en la major mesura possible, sense necessitat d’un disseny especialitzat i sense perjudici d’ajustos raonables.
  • 12. …i la infoaccessibilitat? • Aplicació dels principis d’accessibilitat universal a les tecnologies de la comunicació e informació, de tal manera que totes les persones puguin comunicar-se i accedir a qualsevol sistema d’informació, en igualtat de condiciones.
  • 13. Ajudes tècniques • Lector (o revisor) de pantalla, realitza una conversió de text a parla i permet la navegació pel document mitjançant tecles d’accés ràpid. (Ex. JAWS, VoiceOver...) • Magnificador de pantalla, amplia una zona de la pantalla. (Ex. ZoomText) • Vídeo: Tecnosoluciones
  • 14. Pràctica amb JAWS Comandes JAWS per llegir TEXT en Windows. Comandaments per a JAWS en Windows. (Castellà) Número Descripció Comandes 1. Llegir tot el doc INSERT + FLETXA ABAIX 2. Llistat de títols Llistat gràfica i imatges amb text alternatiu Llistat de links INSERT + F6 Llistat de taules Moure dins la taula Llegir cel·la actual Llegir columna actual Llegir la fila actual Anar a la següent taula INSERT + CTRL + T Disminuir velocitat veu Silenciar veu JAWS CRTL + ALT+AvPág Lletra a l’esquerra Lletra a la dreta paraula a l’esquerra paraula a la dreta Començament de línia Fi de línia Paragraf amunt Paragraf Avall Pàgina amunt Pàgina avall Top de la pàgina actual Top de la següent pàgina Començament de document Fi de document FLETXA ESQUERRA 3. 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 + F7 INSERT + SPACE, T i cursors 5 SHIFT + 5 SHIFR + FLETXA AMUNT CTRL + Enter CTRL FLETXA DRETA CTRL + FLETXA ESQUERRA CTRL + FLETXA DRETA INICI FI CTRL + FLETXA AMUNT CTRL + FLETXA ABAIX RePág Avpág CTRL + RePág CTRL + AvPág CTRL + INICI CTRL + FI
  • 16. Com fem un document WORD accessible? Planifiquem cóm serà el document. Introduïm el contingut. Considerem l’accessibilitat dels diferents elements. Comprovem l’accessibilitat. Obtenim un document accessible!
  • 17. Planificació Establir: • Propietats del document • Idioma principal del document • Mida i orientació de pàgina • Marges • Format del text • Espai entre línies • Capçalera i peu de pàgina (no es llegeixen en el JAWS) • Alineació (preferiblement text alineat a l’esquerra, no justificat)
  • 19. Contingut textual (I) • Lletra del cos del document:  Mida entre 11-14; estils preferents: sense ‘serif’(i.e. Trebuchet, Arial, Verdana, Calibri o Helvètica).  Evitar cursiva i lletra ornamentada.  No utilitzar més de dos tipus de lletres (recomanació).  Colors: alt contrast entre lletra i fons, assignar color automàtic. • Llistes: utilitzar les eines de Word per crear llistes o enumeracions.
  • 20. Contingut textual (II) • Fer ús de salts de pàgina o de secció per separar elements entre les pàgines i per marcar fi de seccions. • Estil de paràgraf: evitar ús d’INTRO per separar paràgrafs o elements del document. Fer ús de les opcions del menú ‘paràgraf’.
  • 21. Contingut textual (II) • Acrònims: han d’incloure 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. (Més informació: llibre ‘Cómo elaborar textos de fácil lectura’). • Evitar frases vídues al final de la pàgina.
  • 22. Estructura (I) • Crear estructura jeràrquica del document. • Marcar els nivells dels títols amb l’ús i adequació dels estils ràpids (títol 1, 2… màxim 6 nivells). (Es pot comprovar revisant els marcadors amb el panell de navegació del processador de textos). • Tipus d’estils:  Estil de paràgraf  Estil de caràcter • Si es té previst passar el DOC a PDF, la nomenclatura dels títols ha de ser la mateixa que utilitzen les etiquetes estàndard en el format PDF. Els altres elements del document com llistes, taules, enllaços, seccions i taules de contingut generen automàticament etiquetes estàndards. • Més info: http://alistapart.com/d/pdf_accessibility/PDFtags.html. Estil Word Estils Word per a PDF Referència (Anglès) Títol 1, 2, 3 H1, H2, H3... Head level Paràgraf / normal P Paragraph Epígraf Caption Caption
  • 23. Estructura (II) • La Taula de Contingut per motius de usabilitat no hauria d'excedir de tres nivells. • El caràcter entre el text i el número de pàgina ha de ser en format de punts (per a usuaris de JAWS). (No deixar sense caràcters). • Assegurar-se que la taula de continguts té activat el mode HYPERLINK per a l’índex de continguts, figures i taules (a través de inserir ‘Taula de Continguts’). (Facilita la navegació en JAWS). • Separar les seccions del document amb ‘salts de secció’.
  • 24. Estructura (III) • Establir les capçaleres i peus de pàgina. • Paginar el document amb mateix tipus de lletra. Números amb mida visible (entre 12-14). • Notes i peus de pàgina (per a usuaris baixa visió fer espai entre número i text). Més informació: Guia de Contingut Digital Accessible.
  • 25. Columnes • Ús de l’eina de columnes (salts continus i de columnes)
  • 26. Quadres de text • Evitar l’ús de quadres de text (aquests són tractats com imatges i el seu contingut no es llegit per les ajudes tècniques). • Si s’utilitzen quadres de text , afegir text alternatiu. Per més informació consulteu la ‘Guia de Contingut Digital Accessible’.
  • 27. Enllaços • Taula de Continguts. • Enllaços dins el text: l’hipervincle ha de donar una descripció clara del lloc de destí (evitar posar només la URL o la frase “clica enllaç”).
  • 28. Enllaços • Referències creuades (nota al peu, referència creuada a figura o numeració del text...) han de ser introduïdes mitjançant les eines existents en Word.
  • 29. Taules, Figures, gràfics ( i d’altres objectes incrustats) • Afegir capçalera (captions- epígrafe) als objectes incrustats amb la numeració seriada corresponent. • Es recomana que la capçalera estigui abans (part superior) de l’objecte incrustat. • Afegir text alternatiu a figures i gràfics, sobretot si és essencial per a l’enteniment 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, gràfiques o imatges) • Imatges nítides, senzilles i amb alt contrast. • Posició en línia amb el text. • No utilitzar marques d’aigua 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 cel·les (tallant la taula en taules més petites/reduïdes). • Contingut textual ha de ser clar i nítid.
  • 32. Taules (II) • Marcar títol a columnes, i files en el cas d’existir. • Estil de la taula, clara, senzilla, alt contrast fons text i cel·les delimitades per a que no doni confusió la lectura del contingut de cada cel·la. • Mantenir l’estil de la taula en tot el document.
  • 33. Taules (III) • Evitar files o columnes buides per estètica. • Evitar adjuntar varies taules en una. • Alineació del text a la part superior de cada cel·la (facilita la comprensió de la taula als usuaris de Línia Braille). • Evitar que les files de taula es trenquin entre pàgines. • No combinar ni dividir les cel·les
  • 34. Taules (IV) • Repetir la fila de títols de la taula en les diferents pàgines en el cas de que ocupi més d’una. • Incloure capçalera (“Caption”) al damunt de la taula amb numeració seriada. (A través del menú “Referències: Insertar Títol”. • La redacció del document ha d’oferir informació de com s’estructura el contingut de taula. • S’aconsella aportar descripció o explicació de la taula després de la mateixa.
  • 35. Gràfiques (I) • Les gràfiques han de ser senzilles, aportant només la informació rellevant. • Han d’anar 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 més de 100 paraules). • Fer ús de llegendes i afegir les dades quantificatives juntament amb les imatges (barres, cercles, línies...). 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 Male Upper Lower Middle Class Middle Upper Middle Lower Working 90% 70% 44.2% 31.7% 66.7% 52.5% 20% 25%
  • 36. Gràfiques (II) • Alt contrast i delimitació de les imatges (barres, cercles, línies...). • 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 l’ús del color semàntic. • Proveïr de informació redundant per a la información presentada en colors.
  • 37. Gràfiques: Accessible o inaccessible?
  • 38. Color (text, logotips, gràfiques…) • Contrast Vermell Blau Taronja Marró Groc Groc Vermell Blanc Verd  Contrast pobre Vermell  Alt contrast  Evitar combinació vermell-verd • No donar informació únicament amb el color. • Eines d’utilitat i gratuïtes:
  • 39. Color (II) • Utilitats per aconseguir colors accesibles Colour Contrast Analyzer: per analitzar l’accessibilitat 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 carència de sensibilitat al color vermell.  Deuteranopia no es discrimina entre verd i vermell.  Tritanopia és color blau. la carència de sensibilitat al
  • 41. Vídeo • Subtitulació de vídeos. Manual per realitzar les pràctiques • Guia de Contingut Digital Accessible
  • 42. Comprovació de l’accessibilitat • Comprovador de Word (nomès funciona en documents creats amb Office 2010)  Errors (ítems que impedeixen la comprensió del document)  Advertències (ítems que la dificulten)  Suggeriments (ítems per millorar l’experiència de l’usuari)  Anar a la guia de suport en línia • JAWS
  • 44. Com fem un full de càlcul en Excel accessible?
  • 46. Com fem un document PDF accessible? Transformem Word en PDF Comprobem transformació és correcta Test accessibilitat Solventem problemes Obtenim un document accessible! Millor opció sempre desde word.
  • 47. Transformem WORD a PDF Des de WORD anar a menú ACROBAT: 1. Preferències > Configuración  Crear marcadors  Agregar vincles  Activar etiquetat avançat 2. Preferències > Marcadors Escollir les nivells de marcadors que voleu que apareguin al PDF. (fins a 6 nivells) 3. Crear PDF Mai guardar o imprimir WORD com a PDF !
  • 48. Comprovar 1. Propietats del document  Arxiu> Propietats > Descripció : títol, autors, paraules clau.  “ > “ > vista inicial: mostrar títol doc.  “ > “ > Avançat: Idioma principal del document
  • 50. Test d’accessibilitat • Herramientas> accesibilidad> comprobación completa 1 2 3
  • 52. Informe d’errors- Errors recurrents 1. Falta text alternatiu figures (fotos, quadres, gràfiques...) 2. Errors d’ordre lògic de lectura 3. Errors d’etiquetatge • Errors d’etiquetatge de taula 4. 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 d’etiquetatge I 1. Element mal etiquetat. 2. Element no etiquetat Dues opcions per esmenar-ho: A. Panell d’etiquetes B. Panell Retocar Ordre de Lectura
  • 56. Errors recurrents 3: Error d’etiquetatge II A. Panell d’etiquetes Qué es pot fer? • Moure etiquetes • Cambiar nom • Afegir nova etiqueta No es pot desfer! Llistat de tipus d’etiquetes (anglès) pràctica
  • 57. Errors recurrents 3: Error d’etiquetatge 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. Links En imatges o text: un link que no es detecta s’ha de crear: Seleccionar text/ imatge > botó dret ratolí > crear vincle
  • 60. Bibliografía recomanada • Producing Accessible Word and PDF Documents. (Anglès) • Guía de accesibilidad en documentos PDF. (castellà) • Video tutorials per a Word, Excel, PPs (Anglès)
  • 62. Dades de contacte • Raquel Vàllez raquel.vallez@catac.upc.edu • Yolanda Guasch yolanda.guasch@catac.upc.edu Càtedra d’Accessibilitat Universitat Politècnica de Catalunya Escola Politècnica Superior de Vilanova i la Geltrú Edifici VG3 Despatx 160 Telf. 93 896 72 45 www.catac.upc.edu Segueix-nos a Twitter @CATAC_UPC