Viquipèdia: accessibilitat del contingut
Aquesta pàgina descriu les tasques principals per feraccessible el contingut de la Viquipèdia a qualsevol tipus d’usuari, incloses les persones amb capacitat sensorial reduïda o deteriorada.
Passos del procés
- Recuperació d'informació (en què consisteix l' accessibilitat ?)
- Anàlisi de it.wiki
- Com es pot fer it.wiki accessible
- Regles per modificar les entrades existents i crear noves entrades "correctament"
- Canvis de programari que s’enviaran als desenvolupadors
Com es pot fer it.wiki accessible
Indicacions
Per a algunes indicacions, es relacionen els punts de control relatius de les Directrius d’accessibilitat al contingut web (WCAG) i les seves prioritats .
Estructura de la pàgina
- Verifiqueu que els quadres laterals encaixin de manera sensata fins i tot en una versió linealitzada de la pàgina (una persona cega, per exemple, pot no reconèixer que el quadre està fora del flux de text); utilitzeu
<div>
per a panells, no marca per a taules (relacionat: WCAG checkpoint 6.1, prioritat 1 ) - Feu un ús adequat dels encapçalaments (jerarquia correcta, no utilitzeu negreta en lloc d’encapçalaments) WCAG 3.5, prioritat 2
Imatges
Text alternatiu
Els rumors haurien de tenir sentit fins i tot per a aquells que per alguna raó no poden veure les imatges. Per tant, cal proporcionar un equivalent textual per a les imatges. Punt de control 1.1 de la WCAG, prioritat 1
- Imatges amb subtítols: utilitzeu la sintaxi wiki
[[File:<nome>|frame|<altre_opzioni>|didascalia]]
o[[File:<nome>|thumb|<altre_opzioni>|didascalia]]
i no les taules, div o coses similars (perquè el programari pugui generar els atributs "alt", etc. a la font HTML). - Imatges sense títol: especifiqueu text
[[File:<nome>|<opzioni>|testo_alternativo]]
amb sintaxi wiki[[File:<nome>|<opzioni>|testo_alternativo]]
(sense les opcions "polze" o "marc"). El text alternatiu serà visible, per exemple, quan la càrrega d'imatges està desactivada al navegador. - Prova ràpida [1] : imagineu haver de descriure la pàgina en qüestió per telèfon. Si tota la informació que transmetríeu al vostre interlocutor està present en forma textual a la pàgina, és probable que la pàgina sigui accessible fins i tot per a aquells que no poden veure les imatges.
Resolució no fixa
La mida amb què es mostra una imatge hauria de poder variar per a cada usuari que consulti l’element (segons les preferències de l’usuari ), adaptant-se així a les seves necessitats específiques: per tant, en la mesura del possible , s’hauria d’evitar introduir un mida predeterminada de les imatges . Per tant, la forma d’entrada correcta és, per exemple:
[[Fitxer: PincoPallo.jpg | polze | subtítol]]
i no:
[[Fitxer: PincoPallo.jpg | thumb | 250 px | peus]]
En lloc d'això, es permet l'ús de mides relatives , per exemple:
[[Fitxer: PincoPallo.jpg | thumb | vertical = 1,2 | subtítol]]
Taules
Els lectors de pantalla i altres eines per a discapacitats visuals utilitzen atributs específics de la taula per facilitar-ne l’ús i la navegació pel contingut.
Heu d'utilitzar la sintaxi correcta de wikitable amb "pipes" per aprofitar totes les possibilitats disponibles. Consulteu Ajuda: Taules per obtenir més informació sobre la sintaxi utilitzada per a les taules.
Taules de dades
{| summary = "Una descripció del contingut de la taula." | + [text de subtítols - text de capçalera] | - ! scope = "col" | [capçalera de columna 1] ! scope = "col" | [capçalera de columna 2] ! scope = "col" | [capçalera de columna 3] | - ! scope = "fila" | [capçalera de fila 1] | [cèl·lula normal 1,2] || [cèl·lula normal 1,3] ... |}
- Capçalera ( | + )
- Una capçalera és el títol de la taula, que en descriu la naturalesa [2] .
- Resum ( resum = "..." )
- El resum pot proporcionar una descripció més llarga i detallada de l'objectiu i l'estructura de la taula per als navegadors amb discapacitat visual [3] .
- Capçaleres de fila i columna ( ! )
- Igual que la capçalera, aquests ajuden a presentar informació en una estructura lògica. Els navegadors de text poden llegir primer títols i títols i després navegar per contingut relacionat. [4] .
- Abast de les capçaleres (
! scope="col" | and ! scope="row" |
) - Això identifica clarament les capçaleres com a capçaleres de fila o capçaleres de columna. Les capçaleres ara es poden associar a les cel·les corresponents. [1]
Els navegadors de veu poden llegir en veu alta el contingut d’aquestes dades a la taula en l’ordre següent [5] :
- Subtítol: [text del subtítol]
- Resum: [text resum]
- [capçalera de columna 1]: [capçalera de fila 1], [capçalera de columna 2]: [cel·la 1,2], [capçalera de columna 3]: [cel·la 1,3]
- [capçalera de columna 1]: [capçalera de fila 2], [capçalera de columna 2]: [cel·la 2,2], [capçalera de columna 3]: [cel·la 2,3]
- ...
Tingueu en compte que cada capçalera de columna es repeteix llegint cada fila, de manera que es podria afegir una abreviatura a les capçaleres molt llargues mitjançant l'atribut abbr = "..." , per exemple:
{| resum = "" | + [text de la llegenda] | - ! abbr = "Viquipedista" | Editor de Wikipedia ! abbr = "Edita" | Nombre d'edicions ! Darrera edició ! abbr = "Donacions" | Donacions ($ EUA) | - ...
En aquest exemple, totes les capçaleres de columna tenen una abreviatura excepte la columna amb la data de la darrera edició.
Taules de disseny
Algunes plantilles i infoboxes fan ús de taules.
Eviteu utilitzar taules només per al disseny. La millor opció és utilitzar blocs <div> i l'atribut "style" perquè són més flexibles.
Per a dissenys molt senzills, les taules poden ser una opció. Especialment si l'únic propòsit de la taula és obtenir un efecte flotant, alineeu = "dreta", etc. també funcionarà en alguns navegadors que no admeten CSS. Això és només una aproximació detallada de <div> més CSS, i no l'error / horror conegut com a "disseny de taula" (imbricat).
Tanmateix, per evitar crear barreres d'accessibilitat, quan utilitzeu taules només per al disseny, no utilitzeu cap títol ni capçalera i eviteu també l'atribut summary = . Aquests elements estructurals de les taules només s’han d’utilitzar per a taules de dades, no per a dissenys. No utilitzeu elements estructurals per al disseny, sinó feu servir CSS. Per al codi Wiki de taules, això significa evitar "!" (= <th> en XHTML) en aquests casos:
{| class = "tastiolours" width = "94%" | align = "center" bgcolor = "# ccccff" | '' 'Títol' '' | - | [cel·la normal] || [cel·la normal] | - | [cel·la normal] || [cel·la normal] |}
- Intenteu fer un ús adequat de " capçalera " (i " subtítol ") per a les taules; vegeu meta: Ajuda: Taula per a la sintaxi wiki. WCAG 5.1, prioritat 1
- Proveu d'utilitzar el marcatge de taula només per a taules reals , no com a mitjà de posicionament dels elements de la pàgina (imatges, quadres, etc.). Punt de control WC3 5.3, prioritat 2
- Marcatge : utilitzeu la sintaxi wiki per a taules, no
<pre>
ni espai al començament de la línia
Llistes
- Utilitzeu el marcatge proporcionat per crear llistes (llistes), és a dir,
*
per als punts d’una llista sense numerar i#
per a les llistes numerades. Per tant, possiblement no numeris a mà i no utilitzis:
(sagnat) o<br />
(nova línia) per crear una llista. Punt de verificació WCAG 3.6, prioritat 2
Colors
- No utilitzeu mai només colors per diferenciar les coses (és possible que les persones daltonistes no puguin distingir-les). WCAG 2.1, prioritat 1
- Eviteu especificar colors de text a la pàgina ( etiquetes
<font>
i similars). Per a les plantilles, intenteu especificar els colors al monobook.css (per exemple, algunes persones són més capaces de llegir text clar sobre fons fosc. Els usuaris registrats tenen la possibilitat d’establir el full d’estil d’aquesta manera, però s’arrisquen a trobar-se, per exemple, fosc text blau sobre fons negre, pràcticament il·legible). Punt de verificació 3.3 WCAG, prioritat 2 - Tothom pot utilitzar, segons les seves necessitats, l’ eina per configurar colors personalitzats a la pantalla diff.
HTML
- Si feu servir HTML, comproveu la pàgina introduint-ne l'URL al validador del W3C . Punt de control 3.2 de la WCAG, prioritat 2
- Utilitzeu HTML el mínim possible , ja que el programari sempre ha de generar pàgines HTML correctes a partir del marcatge wiki, mentre que això no s’assegura introduint HTML manualment. (Llevat que una font HTML complexa tendeix a desanimar els usuaris principiants)
Eines
- Viquipèdia: llistes generades fora de línia , secció "Accessibilitat"
Versió d'àudio de les veus
- Consulteu la categoria: Veus parlades
- També hi ha un projecte gratuït extern, Pediaphon , capaç de generar una versió d' àudio de qualsevol entrada de Wikipedia.
Nota
- ^ H63: utilitzant l'atribut scope per associar cel·les de capçalera i cel·les de dades a taules de dades , un nivell d'accessibilitat.
Pàgines relacionades
Enllaços externs
- http://www.w3c.it/ ( oficina italiana del W3C, amb nombrosos enllaços útils )
- http://www.w3.org/WAI/gettingstarted/Overview.html.it ( Recursos sobre accessibilitat; en italià )
- http://www.webaccessibile.org/ ( lloc web italià sobre accessibilitat. Entre altres coses, és possible sol·licitar una anàlisi de llocs d’utilitat pública, vegeu [6] )
- http://www.html.it/accessibilita/ ( guia per a la construcció de llocs accessibles )
- http://www.webxtutti.it/testa.htm ( validador )
- http://www.webxtutti.it/link.htm ( col·lecció d'enllaços sobre accessibilitat i usabilitat )
- Tècniques i ressenya de premsa sobre accessibilitat
- http://www.shinynews.it/usability/1005-errori.shtml ( Jakob Nielsen informa sobre quins són els problemes i errors d'usabilitat més freqüents el 2005 )
- ( EN ) http://www.w3.org/WAI/Resources/ ( recursos d'accessibilitat )
- ( EN ) http://validator.w3.org/ ( validador oficial de w3c )
- ( EN ) http://webxact.watchfire.com/ ( validador )
- ( CA ) Per què el programari està fora de l'abast de la comunitat? , discussió a foundation-l (gener de 2009)