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
 
