1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles...

18
Comprimidos Accesibility Pill 1/2 650 mg (V.G.D.) Via mental

Transcript of 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles...

Page 1: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Comprimidos

AccesibilityPill1

/2

650 m

g (V.G

.D.)

Via m

ental

Page 2: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Comprimidos

índex

1.

Herramientas Automaticas

2.

Validar HTML y CSS

6.

JavaScript

7.

MarcadoSemántico

650 m

g (V.G

.D.)

Via m

ental

2.

Validar HTML y CSS

3.

Contraste de color

4.

Enlacesy Alt

5.

Navegadores

7.

MarcadoSemántico

8.

Tablaspara lo que son

9.

Navegar a lo feo

10.

No descuidar el contenido

Page 3: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Un sitio que pasa todos los controles

automatizados de accesibilidad no es

necesariamente accesible

Herramientas Automáticas

necesariamente accesible

–TAW

–Hera

–CynthiaSays

Page 4: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Herramientas Automaticas

•TAW

Page 5: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Herramientas Automáticas

•Hera

Page 6: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Herramientas Automáticas

•CynthiaSays

Page 7: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Validar HTML y CSS

•A m

edida que se desarrolla usar los validadores

W3C para comprobar si el HTML y CSS utilizado

es válido

Page 8: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Contraste de color

•Enlaces

Enlaces

Enlaces

Enlaces, por ejemplo, deben variar de texto que

rodea no sólo en el color, por ejemplo, también

está en negrita o subrayados

Page 9: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Enlaces

Haga clic aquí

•Enlaces debe tener sentido cuando se

leen fuera de contexto

Consulta nuestro catálogo

Page 10: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Alt

Es importante comprobar que el

atributo altes coherente

Page 11: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Navegadores lynx

lynx

Page 12: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

JavaScript

Asegurarse de que el uso de

javascriptes discreto y que

javascriptes discreto y que

las paginas pueden verse

igualmente sin esa tecnología

Page 13: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Marcado Semántico & Estructural

<h1>O

bjetivo

s d

e C

SS</h

1>

<h1>Com

pre

Viagra

</h

1>

Estructural

<m

eta

nam

e="D

C.title" conte

nt=

“Pild

ora

sobre

Accesib

ilidad" />

<m

eta

nam

e="D

C.d

escription" conte

nt=

“Info

rmación m

uy

inte

resante

y a

mena

sobre

accesib

ilidad e

n la

web" />

Semántico

Page 14: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Tablas para lo que son

Page 15: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

Navegar a lo feo

Page 16: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

No descuidar el contenido

“La Accesibilidad es un compromiso a futuro”

Page 17: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

proceso continuo de evolución,

capacidad de adaptación y avance.

Pasión

El p

erfeccionamiento de una pasión,

de la pasión por el software.

capacidad de adaptación y avance.

Pasión

Fontsanta, 46, 2 A

08970 Sant Joan Despí

Barcelona

Rambla Sant Isidre, 36

08700 Igualada

Barcelona

Tel.: 902 362 918

www.raona.com

Page 18: 1/2 AccesibilityPill · Herramientas Automáticas Un sitio que pasa todos los controles automatizados de accesibilidad no es necesariamente accesible – TAW ... Semántico sobre

proceso continuo de evolución,

capacidad de adaptación y avance.

Gracias

capacidad de adaptación y avance.

Fontsanta, 46, 2 A

08970 Sant Joan Despí

Barcelona

Rambla Sant Isidre, 36

08700 Igualada

Barcelona

Tel.: 902 362 918

www.raona.com

Gracias