Tasca #6135
tancatTEC-2021 Revisar l'accessibilitat dels formularis web
Descripció
El mes de setembre de 2018 es va aprovar el "Real Decreto 1112/2108 sobre accesibilidad digital del sector público, que busca “garantizar la igualdad y no discriminación de acceso a toda la ciudadanía, en particular a las personas con discapacidad y a las personas mayores”. En aquest text es donava un termini de dos anys per aplicar les mesures que garanteixen aquesta accessibilitat. El termini acaba el setembre d'enguany. Des de l'Àrea de Comunicació se'ns demana revisar l'accessibilitat del site del SdB i això inclou les aplicacions i formularis que mantenim des de la Unitat Tècnica.
Es revisaran tots els formularis i s'adaptaran. S'unificarà també la programació interna de la part html.
Relacionat amb AM-UTP/20-19
Fitxers
BP Actualitzat per Beatriu Piera fa més de 5 anys
Els formularis estan dins el servidor de WebSB.
Directoris:
- serveis - adquisicio_documents - index.php / index_en.php / index_es.php
- serveis - canvi_subscripcions - index.php / index_en.php / index_es.php
- serveis - donatius - index.php / index_en.php / index_es.php
- serveis - intercanvi_documents - index.php / index_en.php / index_es.php
- serveis - omeka - formulari.php
- serveis - subscripcions - index.php / index_en.php / index_es.php
- pregunta - pregunta.php / pregunta_en.php / pregunta_es.php
- web - assessorament - index.htm / form_es.htm / form_en.htm
- web - contacta - revisar tots els formularis que no estan dins carpetes i acaben amb .php
BP Actualitzat per Beatriu Piera fa més de 5 anys
- S'ha actualitzat Descripció (diferències)
BP Actualitzat per Beatriu Piera fa més de 5 anys
- Prioritat ha canviat de Baixa a Normal
BP Actualitzat per Beatriu Piera fa més de 5 anys
- Tema ha canviat de TEC-2020/12 a TEC-2021/04 Revisar l'accessibilitat dels formularis web
NA Actualitzat per Noemí Aznar Santiago fa aproximadament 5 anys
URL:
https://websb.uab.cat/serveis/adquisicio_documents/index.php
https://websb.uab.cat/serveis/canvi_subscripcions/index.php
https://websb.uab.cat/serveis/donatius/index.php
https://websb.uab.cat/serveis/intercanvi_documents/index.php
https://websb.uab.cat/serveis/omeka/formulari.php
https://websb.uab.cat/serveis/subscripcions/index.php
https://websb.uab.cat/pregunta/pregunta.php
https://websb.uab.cat/web/assessorament/index.htm
FORM:
donatius-index.php
Etiquetes afegides:
aria-label
Ex: <label for="nom" class="sobre" aria-label="Nom i cognoms">Nom i cognoms *</label>)
id
Ex: <input name="nom" class="caixa" type="text" id="Nom i cognoms" size="50" maxlength="150"> </div>)
<p> (linia 558)
Ex:
<div align="left">
<p>De conformitat amb el Reglament (UE) 2016/679 del Parlament i del Consell, de 27 d'abril de 2016, relatiu a la protecció de les persones físiques pel que fa al tractament de dades personals i a la lliure circulació d'aquestes dades, us informem que les vostres dades són tractades amb la finalitat d'atendre la vostra sol·licitud del servei que ofereixen les Biblioteques UAB esmentat en aquest formulari.<br />
El tractament de les vostres dades no comporta decisions automatitzades, ni l'elaboració de perfils amb finalitats predictives de preferències personals, comportaments o actituds.<br />
Amb l'enviament del formulari estàs donant el consentiment al tractament de les teves dades per a les finalitats esmentades.<br />
Per a més informació sobe els vostres drets, consulteu el següent <a href="https://www.uab.cat/web/coneix-les-biblioteques/proteccio-de-dades-1345773336645.html" target="_blank">enllaç</a></p>
</div>
<optgroup label>
Ex:
<legend>Dades del donatiu</legend>
<div class="col-lg-12 bd">
<label for="bib_donatiu" class="sobre" aria-label="Biblioteca oferir donatiu">Biblioteca a la que voleu oferir el donatiu *</label>
<select name="bib_donatiu" class="caixa" id="bib_donatiu">
<optgroup label="Biblioteques">
<option value="trieu" selected>Trieu una opció</option>
<option value="Biblioteca d'Humanitats">Biblioteca d'Humanitats</option>
<option value="Biblioteca de Ciència i Tecnologia">Biblioteca de Ciència i Tecnologia</option>
<option value="Biblioteca de Ciències Socials">Biblioteca de Ciències Socials</option>
<option value="Biblioteca de Comunicació i Hemeroteca General">Biblioteca de Comunicació i Hemeroteca General</option>
<option value="Biblioteca de Medicina - Bellaterra">Biblioteca de Medicina - Bellaterra</option>
<option value="Biblioteca de l'Hospital Universitari Germans Trias i Pujol">Biblioteca de l'Hospital Universitari Germans Trias i Pujol</option>
<option value="Biblioteca Universitària de Medicina i Infermeria Vall d'Hebron">Biblioteca Universitària de Medicina i Infermeria Vall d'Hebron</option>
<option value="Biblioteca Josep Laporte">Biblioteca Josep Laporte</option>
<option value="Biblioteca Campus Universitari Mar">Biblioteca Campus Universitari Mar</option>
<option value="Biblioteca de Veterinària">Biblioteca de Veterinària</option>
<option value="Biblioteca Universitària de Sabadell">Biblioteca Universitària de Sabadell</option>
<option value="Centre de Documentació Europea">Centre de Documentació Europea</option>
</optgroup>
NA Actualitzat per Noemí Aznar Santiago fa aproximadament 5 anys
FORM FET:
donatius-index_es.php
*NOTA: Mirar de nou la <p>
BP Actualitzat per Beatriu Piera fa aproximadament 5 anys
- Tema ha canviat de TEC-2021/04 Revisar l'accessibilitat dels formularis web a TEC-2021 Revisar l'accessibilitat dels formularis web
NA Actualitzat per Noemí Aznar Santiago fa aproximadament 5 anys
FORM fets:
donatius-index.php
donatius-index_es.php
donatius-index_en.php
Validador html:
http://www.cubicfactory.com/jseditor/welcome/210120/edit
https://htmledit.squarefree.com/
*NOTA: <p> alineació left igual que la versió publicada del formulari (donatius-index.php, donatius-index_es.php i donatius-index_en.php)
NA Actualitzat per Noemí Aznar Santiago fa aproximadament 5 anys
FORM fets:
adquisicio_documents-index.php
adquisicio_documents-index_es.php
adquisicio_documents-index_en.php
*NOTA: Mirar de nou la <p>
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
canvi_subscripcions-index
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
canvi_subscripcions-index_es
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
canvi_subscripcions-index
canvi_subscripcions-index_es
canvi_subscripcions-index_en
intercanvi_documents-index
intercanvi_documents-index_es
intercanvi_documents-index_en
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
omeka-formulari
subscripcions-index
subscripcions-index_es
subscripcions-index_en
pregunta-pregunta
pregunta-pregunta_es
pregunta-pregunta_en
Pregunta i Assessorament: formularis inserits a la pàgina.
Millores en accessibilitat implementades:
- <strong> i <img alt>
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contacte
contacte-contactebchg
contacte-contactebchg_es
contacte-contactebchg_en
Formularis inserits a la pàgina.
Millores en accessibilitat implementades: aria-label, img alt, title iframe
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contactebcs
contacte-contactebcs_es
contacte-contactebcs_en
Formularis inserits a la pàgina.
Millores en accessibilitat implementades: aria-label, img alt, title iframe
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contactebct
contacte-contactebct_es
contacte-contactebct_en
contacte-contactebh
contacte-contactebh_es
contacte-contactebh_en
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contactebm
contacte-contactebm_es
contacte-contactebm_en
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contactebv
contacte-contactebv_es
contacte-contactebv_en
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM fets:
contacte-contacteca
contacte-contacteca_es
contacte-contacteca_en
contacte-contactecde
contacte-contactecde_es
contacte-contactecde_en
contacte-contactesdb
contacte-contactesdb_es
contacte-contactesdb_en
contacte-contacteutp
contacte-contacteutp_es
contacte-contacteutp_en
NA Actualitzat per Noemí Aznar Santiago fa quasi 5 anys
FORM pujats al servidor:
omeka-formulari
subscripcions-index
subscripcions-index_es
subscripcions-index_en
adquisicio_documents-index
adquisicio_documents-index_es
adquisicio_documents-index_en
canvi_subscripcions-index
canvi_subscripcions-index_es
canvi_subscripcions-index_en
intercanvi_documents-index
intercanvi_documents-index_es
intercanvi_documents-index_en
donatius-index
donatius-index_es
donatius-index_en
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
FORM pujats al servidor:
assessorament-index
assessorament-index_es
assessorament-index_en
pregunta-pregunta
pregunta-pregunta_es
pregunta-pregunta_en
contacte-contactebh
contacte-contactebh_es
contacte-contactebh_en
contacte-contactebct
contacte-contactebct_es
contacte-contactebct_en
contacte-contactebcs
contacte-contactebcs_es
contacte-contactebcs_en
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
FORM pujats al servidor:
contacte-contactebchg
contacte-contactebchg_es
contacte-contactebchg_en
contacte-contactebm
contacte-contactebm_es
contacte-contactebm_en
contacte-contactebv
contacte-contactebv_es
contacte-contactebv_en
contacte-contactebus
contacte-contactebus_es
contacte-contactebus_en
contacte-contacteca
contacte-contacteca_es
contacte-contacteca_en
contacte-contactecde
contacte-contactecde_es
contacte-contactecde_en
contacte-contacteutp
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
FORM pujats al servidor:
contacte-contacteutp_en
contacte-contacteutp_es
contacte-contactesdb
contacte-contactesdb_es
contacte-contactesdb_en
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
S'ha corregit l'accessibilitat dels formularis introduint les següents modificacions:
id="" en els <input>
<label for="dpt1" class="sr-only">
Se simplifica la crida a la imatge del Pregunt@: <a href="http://www.bib.uab.cat/pregunta/pregunta_en.php"><img alt="PREGUNT@" src="https://www.uab.cat/servlet/BlobServer?blobkey=id&amp;blobnocache=true&amp;blobwhere=1345729930240&amp;blobheader=application&amp;blobcol=urlimg&amp;blobtable=Imatge" style="width: 50px; height: 32px;"><span style="font-size:18px;">PREGUNT@</span></a>
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
- S'ha afegit Fitxer A Web FORM_Correccions.pdf A Web FORM_Correccions.pdf
S'han tornat a repassar els formularis amb una eina nova i s'ha millorat l'accessibilitat de tots ells, passant d'aproximadament 70-80% d'errors d'accessibilitat al 95-100% d'errors corregits.
Adjunto pdf amb el resultat de les correccions.
NA Actualitzat per Noemí Aznar Santiago fa més de 4 anys
- Estat ha canviat de En curs a Tancada