Menú

Tutorial de proves d'accessibilitat (una guia completa pas a pas)

accessibility testing tutorial

Proveu El Nostre Instrument Per Eliminar Problemes

Una guia completa de proves d'accessibilitat:

Què és l'accessibilitat web:

La web és oberta a tothom i, sent un provador (també humà), és responsabilitat nostra comprovar si és accessible per a tots els usuaris. Això, al seu torn, contribuirà molt a l’èxit d’un negoci ja que treballem perquè l’aplicació sigui accessible per a tots i cadascun dels usuaris.

Això també augmentarà la satisfacció de l'usuari i el nostre negoci.

Llista de tutorials d'aquesta sèrie:

  1. Guia de proves d’accessibilitat (Aquest tutorial)
  2. Eines de prova d’accessibilitat: una llista completa
  3. Tutorial WAT (Barra d’eines d’accessibilitat web)
  4. Eines de comprovació d’accessibilitat WAVE i JAWS

guia de proves d

Per a la majoria dels usuaris, l’ús d’Internet a través del web és fàcil. Però aquest no és el cas quan ens plantegem un conjunt demogràfic diferent amb reptes. És imprescindible que els llocs web siguin accessibles, utilitzables i útils també per a aquest grup d’usuaris, i no hauria de diferenciar els usuaris en funció del llenguatge / cultura / ubicació / programari / capacitat física o mental.

Què aprendreu:

exemples de proves de caixes blanques casos de prova

Què són les proves d'accessibilitat?

La prova d’una aplicació web per assegurar-se que tots els usuaris poden accedir fàcilment al lloc web es coneix com a Prova d’accessibilitat. La branca especialitzada i dedicada de proves que ajuda a garantir que els llocs web siguin efectius en aquesta àrea s’anomena “ Proves d’accessibilitat web '.

El més important, també hi ha certes lleis i directrius per a les proves d’accessibilitat que també s’han de seguir.

Accessibilitat i llei

  • Els nord-americans amb discapacitat actuen : Aquesta llei estableix que tots els dominis, com ara edificis públics, escoles i organitzacions, haurien de fer que la tecnologia sigui accessible per a tothom.
  • Llei de rehabilitació, secció 504 i secció 508 : La secció 504 dóna cabuda a totes les persones amb discapacitat per accedir al lloc de treball, l'educació i altres organitzacions i la secció 508 dóna accés a la tecnologia.
  • Pautes d'accessibilitat al contingut web: Aquestes directrius suggereixen les formes que poden ajudar a millorar l'accessibilitat d'un lloc web.

Mites sobre la prova d’accessibilitat al lloc web

Mite 1 :És car.

Fet : La precaució sempre és millor que curar, de manera que podem pensar en problemes d’accessibilitat a la fase de disseny i reduir el cost.

Mite 2: Convertir un lloc web inaccessible per accedir-hi requereix molt de temps.

Fet : Podem prioritzar les coses i treballar simplement les necessitats bàsiques.

Mite 3: L’accessibilitat és senzilla i avorrida.

Fet : L’accessibilitat no significa que un lloc web només ha de contenir text. També podem afegir imatges i fer-les més atractives, però cal destacar que hauria de ser accessible per a tothom.

Mite 4 :Les proves d’accessibilitat són per a persones invidents i amb discapacitat.

Fet : El programari és útil per a tothom i, per tant, aquesta prova és per a tots els usuaris.

Reptes d'A Prova d’accessibilitat

Els següents són alguns reptes o dificultats comuns que les directrius d’accessibilitat intenten abordar:

Tipus de discapacitat Descripció de la discapacitat
Visió
Discapacitat 		- Ceguesa completa o ceguesa de colors o mala vista
- Problemes visuals com estroboscòpia visual i problemes d’efecte intermitent
Discapacitat física Difícil d'utilitzar un teclat o un ratolí
Discapacitat cognitiva Dificultats d’aprenentatge o poca memòria
Discapacitat per a l'alfabetització Problemes de lectura, les paraules són difícils
Discapacitat auditiva - Problemes auditius com la sordesa i les deficiències auditives
- Dificultat per escoltar bé o escoltar amb claredat

Reptes d’accessibilitat web

Importància

  • Accés fàcil i eficient a usuaris amb discapacitat o reptes
  • Augmenta la quota de mercat i l'abast del públic
  • Millora la mantenibilitat i l'eficiència
  • Satisfer els requisits legals existents i futurs i ajuda a seguir l'ètica
  • Donar suport a la internacionalització
  • Ajuda a l'accés per a usuaris amb poc ample de banda.

En definitiva, tot es tradueix 'Millor negoci: més diners'.

Com es mesura l'accessibilitat web?

L'accessibilitat al web es pot mesurar amb l'ajut dels estàndards d'accessibilitat web creats pel W3C conegut com Directrius d'accessibilitat al contingut web (WCAG) . Pocs altres departaments també han desenvolupat les seves pròpies directrius, però també aquestes segueixen la Iniciativa d’accessibilitat web (WAI) Pautes.

Avaluació de l'accessibilitat d'un lloc web:

Hi ha molts factors que hi intervenen, com ara:

  • Contingut
  • Mida
  • Codi
  • Idiomes de marcatge
  • Eines de desenvolupament
  • Medi ambient

Com sempre, és una bona pràctica implementar tècniques d’accessibilitat web a la fase inicial del projecte. La correcció de llocs web inaccessibles requereix esforços addicionals.

Alguns exemples de tècniques simples són:

  • Verificació del títol de la pàgina
  • Alternatives de text de la imatge ('text alternatiu')
  • Capçaleres
  • Relació de contrast (“contrast de color”) .. etc.

També podem determinar l’accessibilitat amb l’ajut de “ Eines d’avaluació '- fins a cert punt. Hi ha poques coses, com si el text alternatiu s’escriu adequadament per a la imatge o no, no es pot avaluar completament, però en la seva majoria són efectius.

Llegiu també => Més de 30 eines de proves web més populars.

Principis de disseny web universals a seguir

El lloc web s’ha de dissenyar de manera universal de manera que ha de seguir els principis d’usabilitat i accessibilitat. Tothom té el seu propi estil d’aprenentatge i processament, de manera que el lloc / producte s’ha de dissenyar independentment d’això.

A continuació es detallen alguns principis bàsics estàndard del disseny de llocs web:

# 1) Coordinació:

Cada activitat i cada persona inclosa en el projecte haurien de coordinar-se entre elles. Cal tenir en compte que un lloc web s’ha de dissenyar d’acord amb el propi i també W3C normes.

# 2) Aplicació:

En ser una organització responsable, us heu de fer responsable de la creació d’un lloc accessible. En lloc de que els usuaris es facin responsables d’un lloc accessible, hauríem de fer-ho.

# 3) Lideratge:

Tothom ha de ser conscient d’aquests principis i ha d’informar si s’enfronta a algun problema mentre accedeix al lloc.

# 4) Consideració de l'accés :

Hem de seguir les normes, juntament amb ella, podem considerar les normes seguides per l’organització per a persones amb capacitats especials.

# 5) Dimensions tècniques:

Cal dissenyar un lloc web tenint en compte totes les normes tècniques.

# 6) Recerca educativa:

Hem d’investigar sobre l’accessibilitat i els problemes als quals s’enfronta mentre accedim al lloc web. Amb l’ajut d’això, s’hauria de donar formació al personal per fer-los conscients de les normes i problemes.

# 7) Inclusió social:

Tots els humans haurien de ser tractats per igual no només en un mode en línia, sinó també en el món físic.

Juntament amb aquest edifici, cal un lloc web POUR.

Ara sorgeix la pregunta de què significa POUR i la resposta es dóna a continuació:

Pàg receivable:La presentació de la suite web hauria de ser perceptible. El contingut ha de tenir sentit des de la perspectiva de tots els usuaris.

O factible:Es pot dir que el lloc és operatiu si un usuari és capaç de navegar pel lloc fàcilment.

U comprensible:Tot el present al lloc web ha de ser entès per qualsevol tipus d’usuari. En resum, el llenguatge ha de ser fàcil i no complex.

R Atura:Independentment de la tecnologia canviant i del tipus d’usuaris, el contingut ha de ser robust.

Com realitzar proves d’accessibilitat: una guia pas a pas

Tutorial de proves d

Això es pot fer mitjançant el mètode de prova manual i automàtic.

Mètode manual

Hi ha moltes eines disponibles al mercat per fer proves d’accessibilitat, però pot haver-hi alguns problemes com la manca de recursos qualificats, pressupost, etc. En aquest cas, podem fer proves manuals.

A continuació es mostren algunes maneres de provar l'accessibilitat del lloc web manualment:

# 1) Podem utilitzar el mode d’alt contrast:

Mitjançant el mode d’alt contrast podem ressaltar el contingut del lloc web. Quan canviem el mode d’alt contrast, el contingut del lloc web es ressalta automàticament, ja que es torna blanc o groc i el fons es torna negre.

Per activar el mode d'alt contrast, cerqueu el mode d'alt contrast al quadre de cerca.

Configuració d’alt contrast

Aquí tindreu una opció per triar un tema i seleccionar el tema d’alt contrast al menú desplegable.

amb què puc obrir un fitxer eps

Configuració d’alt contrast

Un navegador es mostrarà com es mostra a continuació després de fer els canvis a la configuració.

Exemple del navegador

Després d'això, podem veure si el contingut és correctament visible o no.

# 2) En no accedir a les imatges :

De moment, podeu desactivar l'accés i veure si el text justifica el contingut, ja que pot ser que algunes persones no hi tinguin accés o de vegades triguin massa a carregar les imatges.

Podeu desactivar l'accés al navegador de les maneres següents:

Internet Explorer: Eines-> Opcions d'Internet-> Avançat-> mostrar imatges (desmarqueu).

Configuració d

Opcions d’Internet - Srttings avançats

Firefox: Obriu Firefox i escriviu Sobre : config , a la barra d'adreces i obtindreu la sortida tal com es mostra a continuació.

Configuració de configuració de Firefox

Després d’obtenir aquesta pantalla, heu de cercar ‘ permission.default.image ' i ajusteu el valor de 0-1.

Configuració de la configuració

Pantalla de configuració

# 3) Comprovació de subtítols :Comproveu si hi ha cap subtítol disponible i assegureu-vos que sigui pràcticament descriptiu. Moltes vegades ens trobem amb enllaços a la pàgina de Facebook on les imatges o els vídeos poden trigar molt a mostrar-se, però els subtítols ens ajudaran molt.

currículum de mostra per a un provador de programari experimentat

# 4) Desactivant el full d'estil en cascada (CSS): CSS s’utilitza bàsicament per descriure la presentació del document. En desactivar-lo, podem comprovar el color de fons, l’estil de text i l’estil de presentació de text.

# 5) Intenteu utilitzar el teclat :Si sou un jugador o un expert en Excel, aquesta prova us ha de ser més fàcil. Intenteu no tocar el ratolí i accediu al lloc web amb l’ajut d’un teclat.

Podeu utilitzar la tecla 'Tabulador' per canviar entre enllaços.

'Tabulador' + 'Maj' et portarà on eres abans.

# 6) Utilitzeu l'etiqueta de camp :És útil en omplir un formulari, etiqueta de camp és el que veureu mentre visualitzeu una plantilla. En utilitzar-ho, es pot omplir la informació necessària mentre s’inscriu o es fa una comanda en línia.

# 7) Canviar la mida de la lletra a gran :Utilitzeu una mida de lletra gran i una comprovació d'accessibilitat continuada

# 8) Omet la navegació: Això pot ser útil per a persones amb discapacitat motora. Fent clic a Ctrl + Inici podeu moure el focus a la part superior de la pàgina.

# 9) Document PDF: Proveu de desar el fitxer PDF en forma de text i comproveu si l'ordre del contingut es manté o no.

# 10) Desactivant l'estil: Desactiveu l'estil i comproveu si el contingut de la taula està correctament alineat o no.

# 11) Escala de contingut: Proveu de reduir la imatge i comproveu si es pot llegir.

Proves d’accessibilitat automatitzades

Com que l’automatització s’estén àmpliament en el camp de les proves, també podem fer servir l’automatització per verificar l’accessibilitat. Disposem de diverses eines per fer proves automàtiques.

# 1) aDesigner: Està desenvolupat per IBM i és útil per provar el programari des de la perspectiva de persones amb discapacitat visual.

# 2) WebAnywhere: Actua com a lector de pantalla i no requereix cap instal·lació especial.

# 3) Vischeck: Aquesta eina ens ajuda a reproduir la imatge de diverses formes, de manera que puguem imaginar-nos com quedarà quan hi accedeixin diferents tipus d’usuaris.

# 4) Analitzador de contrast de color: Comprova la combinació de colors i analitza la visibilitat.

# 5) Hera: Comprova l'estil de l'aplicació i inclou una opció multilingüe.

lloc web en diversos idiomes

# 6) Extensió d'accessibilitat del Firefox: Firefox us permet ampliar la seva funcionalitat.

Podeu afegir-lo per obrir-lo Firefox-> Complements-> extensió d'accessibilitat . Us ajudarà a provar l'informe, la navegació, el text de l'enllaç, etc.

Extensió d’accessibilitat

Pantalla Administrador de complements

Després de fer clic a extensió obtindreu una opció de cerca complements .

afegir

# 7) TAW en línia: Us dóna l'opció de provar comproveu si el programari està desenvolupat segons la directriu de WCAG 1.0 o bé WCAG 2.0 . També té l'opció de seleccionar el nivell d'anàlisi.

# 8) Comprovador d'accessibilitat PDF: Comprova l'accessibilitat d'un fitxer PDF.

=> Per a la llista completa consulteu aquest missatge sobre les eines de proves d'accessibilitat

Prova d’accessibilitat Llista de comprovació / Casos de prova / Escenaris

A continuació es detallen alguns punts que cal comprovar mentre es fa aquest tipus de proves:

  • Si les etiquetes estan correctament escrites i col·locades o no.
  • Si el contingut d'àudio / vídeo és correctament audible / visible o no.
  • Si es manté o no la relació de contrast de color.
  • Si les accions de control del vídeo funcionen bé o no.
  • Si es proporcionen les tecles curtes del menú, haureu de comprovar si totes funcionen bé.
  • Cal que comproveu si hi ha pestanyes si la navegació entre pestanyes és una tasca fàcil.
  • Si l'aplicació ha seguit tots els principis i directrius o no.
  • Si l'encapçalament és únic i transmet el significat i l'estructura o no.
  • Si el text de l'enllaç s'escriu amb la descripció del contingut en lloc de crear ambigüitat.
  • Si es proporciona o no un títol multimèdia significatiu.
  • Si les instruccions es donen clarament o no.
  • Si el contingut és clar, concís i entenedor o no.

A continuació, es detallen els punts clau que el lloc web hauria de complir per a l’accessibilitat:

  • El text de l'enllaç ha de ser descriptiu . Els usuaris amb discapacitat visual accedeixen a la pàgina web fent clic al botó de pestanya del teclat i passar d'un enllaç a un altre. Per tant, és essencial que la descripció dels enllaços estigui ben definida. Assegureu-vos que els enllaços siguin accessibles mitjançant la tecla de tabulació.
  • Proporcioneu les imatges adequades quan sigui possible . Una imatge parla més fort que les paraules. Intenteu afegir imatges adequades per al text sempre que sigui possible. Les imatges poden descriure el contingut del lloc web per als usuaris amb dificultats en alfabetització.
  • Utilitzeu un llenguatge senzill . L’usuari amb discapacitat cognitiva té dificultats d’aprenentatge, és molt important que les frases siguin senzilles i fàcilment llegibles.
  • Navegació coherent . La navegació constant per totes les pàgines també és molt important per als usuaris amb discapacitats cognitives. És una bona pràctica mantenir la coherència del lloc web i no modificar les pàgines periòdicament. L’adaptació al nou disseny requereix molt de temps i pot resultar difícil.
  • Ignoreu les finestres emergents . Els usuaris que utilitzen un lector de pantalla per llegir les pàgines web, les finestres emergents poden ser realment incòmodes per a ells. El lector de pantalla llegeix la pàgina de dalt a baix i, de sobte, apareix el lector que començarà a llegir-la abans del contingut real. Pot confondre els usuaris amb discapacitat visual.
  • Disseny CSS . Els llocs web basats en CSS són més accessibles que els llocs web basats en codi HTML.
  • Divideix la frase gran en una frase simple petita. Els usuaris amb discapacitat visual escolten la informació de la pàgina web i intenten recordar-la. Si es divideix la frase gran en una frase simple i petita, es pot recuperar fàcilment les coses.
  • No utilitzeu text de marquesina. Eviteu el text brillant i feu-lo senzill.

En resum, hem de comprovar si l’aplicació es desenvolupa d’acord amb les directrius del W3C, els principis de disseny de llocs web i els principis d’accessibilitat i, per això, hem de ser conscients de tots aquests principis.

Podem resumir els punts de control anteriors verificant i validant el contingut escrit, el mètode de disseny i desenvolupament del lloc web / aplicació.

Llegiu també => Guia completa de proves web.

Conclusió

Les proves d’accessibilitat simplement expliquen amb quina facilitat es pot navegar, accedir i entendre el programari. És per a tot tipus d’usuaris. El provador hauria de fer les proves des de la perspectiva de tothom.

Igual que qualsevol altre tipus de prova, aquesta prova també es pot fer manualment i amb l'ajut d'eines d'automatització. L’objectiu d’un comprovador només hauria de ser comprovar si es compleixen o no les directrius i la facilitat i la facilitat que un usuari pot utilitzar el programari.

Lectura recomanada = >> Principals proveïdors de serveis de proves d’accessibilitat

A la següent part d’aquesta sèrie de tutorial, us presentarem algunes eines i tècniques de proves d’accessibilitat web més, així que us recomanem.

Com sempre, comenteu les vostres preguntes, suggeriments i experiències.

NEXT Tutorial

Lectura recomanada

^