En aquest tema, explorarem les tecnologies assistencials, que són eines i dispositius dissenyats per ajudar les persones amb discapacitats a accedir a la informació i interactuar amb la web de manera efectiva. Comprendre aquestes tecnologies és fonamental per dissenyar i desenvolupar llocs web accessibles.
Què són les Tecnologies Assistencials?
Les tecnologies assistencials són dispositius o programes que ajuden les persones amb discapacitats a realitzar tasques que podrien ser difícils o impossibles sense ajuda. A la web, aquestes tecnologies permeten als usuaris accedir al contingut, navegar per les pàgines i interactuar amb els elements de la interfície.
Tipus de Tecnologies Assistencials
-
Lectors de Pantalla:
- Converteixen el text en veu o braille.
- Exemples: JAWS, NVDA, VoiceOver.
-
Ampliadors de Pantalla:
- Augmenten la mida del contingut de la pantalla per facilitar la lectura.
- Exemples: ZoomText, Windows Magnifier.
-
Teclats Alternatius:
- Dispositius o programes que permeten la introducció de dades sense un teclat estàndard.
- Exemples: Teclats en pantalla, dispositius de commutació.
-
Reconeixement de Veu:
- Permet als usuaris controlar l'ordinador i introduir text mitjançant la veu.
- Exemples: Dragon NaturallySpeaking, Google Voice Typing.
-
Dispositius de Sortida Braille:
- Converteixen el text en sortida braille tàctil.
- Exemples: BrailleNote, Focus Braille Display.
Com Funcionen les Tecnologies Assistencials?
Les tecnologies assistencials funcionen interpretant el contingut de la web i presentant-lo d'una manera que sigui accessible per a l'usuari. Això pot implicar la conversió de text a veu, la traducció de text a braille, o la simplificació de la navegació per a usuaris amb discapacitats motores.
Integració amb el Navegador
- API d'Accessibilitat: Els navegadors web utilitzen API d'accessibilitat per comunicar-se amb les tecnologies assistencials. Aquestes API proporcionen informació sobre l'estructura i el contingut de la pàgina web.
- HTML Semàntic: L'ús d'elements HTML semàntics ajuda les tecnologies assistencials a interpretar correctament el contingut de la pàgina.
Exemples Pràctics
Exemple de Lector de Pantalla
<!DOCTYPE html> <html lang="ca"> <head> <meta charset="UTF-8"> <title>Exemple de Lector de Pantalla</title> </head> <body> <h1>Benvingut al nostre lloc web accessible</h1> <p>Aquest lloc està dissenyat per ser accessible per a tothom.</p> </body> </html>
- Explicació: En aquest exemple, l'ús d'elements semàntics com
<h1>
i<p>
ajuda els lectors de pantalla a identificar i llegir el contingut de manera adequada.
Exercici Pràctic
Objectiu: Crear una pàgina web simple que sigui accessible per a usuaris de lectors de pantalla.
- Crea un document HTML amb un títol i un paràgraf.
- Assegura't d'utilitzar etiquetes semàntiques adequades.
- Prova la pàgina amb un lector de pantalla (com NVDA o VoiceOver) per assegurar-te que el contingut es llegeix correctament.
Solució
<!DOCTYPE html> <html lang="ca"> <head> <meta charset="UTF-8"> <title>Pàgina Accessible</title> </head> <body> <header> <h1>Pàgina Accessible</h1> </header> <main> <p>Aquesta pàgina està dissenyada per ser accessible per a usuaris de lectors de pantalla.</p> </main> </body> </html>
Conclusió
Les tecnologies assistencials són essencials per garantir que les persones amb discapacitats puguin accedir a la web de manera efectiva. Com a desenvolupadors, és important comprendre com funcionen aquestes tecnologies i com podem dissenyar llocs web que siguin compatibles amb elles. En el proper tema, explorarem com les persones amb discapacitats utilitzen la web, aprofundint en les seves experiències i necessitats.
Curs d'Accessibilitat Web
Mòdul 1: Introducció a l'Accessibilitat Web
- Què és l'Accessibilitat Web?
- Importància de l'Accessibilitat Web
- Visió General de les Lleis i Estàndards d'Accessibilitat
- Introducció a WCAG
Mòdul 2: Comprensió de les Discapacitats i les Tecnologies Assistencials
- Tipus de Discapacitats
- Visió General de les Tecnologies Assistencials
- Com les Persones amb Discapacitats Utilitzen la Web
Mòdul 3: Principis del Disseny Accessible
- Perceptible: Fer el Contingut Accessible als Sentits
- Operable: Interfície d'Usuari i Navegació
- Comprensible: Informació i Operació
- Robust: Compatibilitat amb Tecnologies Actuals i Futures
Mòdul 4: Implementació de l'Accessibilitat en HTML i CSS
- HTML Semàntic
- Formularis Accessibles
- Ús de Rols i Propietats ARIA
- Contrast de Color i Redimensionament de Text
Mòdul 5: Accessibilitat en JavaScript i Multimèdia
- Creació de Ginys JavaScript Accessibles
- Accessibilitat del Teclat
- Contingut de Vídeo i Àudio Accessible
- Proporcionar Alternatives de Text per a Imatges
Mòdul 6: Prova i Avaluació de l'Accessibilitat
- Tècniques de Prova Manual
- Eines de Prova Automatitzades
- Prova d'Usuari amb Tecnologies Assistencials
- Interpretació d'Informes d'Accessibilitat