Viquipèdia: accessibilitat del contingut

De la Viquipèdia, l'enciclopèdia lliure.
Saltar a la navegació Saltar a la cerca
Abreviatures
WP: ACCESSIBILITAT
WP: ACCESSIBILITAT
WP: ACCESSIBILITAT
WP: ACCESSIBLE

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

  1. Recuperació d'informació (en què consisteix l' accessibilitat ?)
  2. Anàlisi de it.wiki
  3. Com es pot fer it.wiki accessible
    1. Regles per modificar les entrades existents i crear noves entrades "correctament"
    2. 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
Icona de la lupa mgx2.svg El mateix tema en detall: Ajuda: text alternatiu per a imatges i Ajuda: Marcar imatges .

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
Abreviatures
WP: RIS

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

Versió d'àudio de les veus

Nota

Pàgines relacionades

Enllaços externs