Arxiu de l'etiqueta "Accessibilitat "

  • Divendres 17 març 2017 per

    El Som Garrigues estrena web!

    El periòdic quinzenal comarcal Som Garrigues, de la comarca del mateix nom, ha estrenat un nou web recentment, sorgit de l’obrador de Can Antaviana.


    Visiteu-la > www.somgarrigues.cat


    El Som, com sovint se l’anomena i coneix a les Garrigues, és la publicació de referència a la comarca i se’n reconeix la qualitat dels seus reportatges i la versatilitat de les seves informacions. De fet ha obtingut varis reconeixements i premis, com el Tasis Torrent -2 cops- o el de millor publicació de premsa comarcal. Reuneix uns 850 subscriptors i se’l troba en varis llocs de tots els pobles de la comarca.

    En l’aspecte digital, el Som ja disposava d’una pàgina web on s’hi anava trobant bona part de la informació que s’elaborava pel format paper, però que requeria d’un impuls clar per convertir la comunicació online del periòdic en un aspecte més rellevant i potent partint de l’eix de la nova web. Així, i a banda de fer-la adaptada a tots els dispositius, s’ha treballat en els continguts, la navegabilitat i l’accessibilitat amb l’objectiu de dotar al Som d’una eina potent però també de que l’usuari tingui una molt millor experiència de navegació. En definitiva, doncs, aquest nou web sitúa al Som al nivell de les millors publicacions digitals del país, cosa que ens fa estar molt satisfet a ambdues parts amb la tasca elaborada.

    A nivell intern, el canvi ha estat substancial. Això és el que ens explica des de la redacció Miquel Andreu:

    El nou web de SomGarrigues ha estat un abans i un després. D’entrada, el gestor de continguts és molt més àgil i estalvia passos respecte l’anterior. Pujar articles ara és més ràpid i, per tant, la probabilitat de pujar-ne més és més alta. De cara enfora, el disseny és molt més clar i atractiu, amb més elements i més variats, ocupant tot l’ample de pantalla i oferint una navegació més intuïtiva. L’estructura permet molts més tipus de continguts (reportatges, entrevistes, galeries d’imatges, portada de la quinzena, classificacions esportives, etc). Quan estigui del tot operativa, l’hemeroteca creiem que pot ser també un dels puntals del nou web. Detalls com els formularis per subscriure’s a l’edició en paper o la portada de la quinzena també creiem que són molt útils. Curiosament, la posada en marxa del nou web ha anat en paral•lel a una major activitat a les xarxes socials del periòdic (més m’agrada, més comparticions, més seguidors, més comentaris…) i, sobretot, ha incrementat molt el nombre de visites, que en pocs dies s’ha situat ja de mitjana al triple que abans. En definitiva, ens encanta el nou web! Si ara volguéssim convertir-nos en un mitjà estrictament digital no ens faria falta res, a nivell de web, per ser-ho.

    , ,

  • Dijous 10 abril 2014 per

    Landmark roles: millora l’accessibilitat del teu web


    Ja sabem que un document HTML ben estructurat ens aporta sempre beneficis: si definim correctament la jerarquia mitjançant encapçalaments (h1, h2, h3…) ajudarem enormement els usuaris de tecnologies assistives a l’hora de navegar per la pàgina. Per altra banda, disposem d’una altra eina que pot ajudar a millorar el nivell d’accessiblitat d’una pàgina. Es tracta dels Landmark roles, que formen part de l’especificació WAI-ARIA del W3C.

    Aquest mecanisme ens ajuda a identificar de forma consistent seccions d’una pàgina (com la cerca, la navegació o el contingut principal), és un complement als elements que ens proporciona el llenguatge HTML en qualsevol de les seves versions, i el millor de tot és que és molt fàcil d’implementar.

    Amb els landmark roles, a les tecnologies assistives (lectors de pantalla i similars) els és més fàcil navegar per la pàgina, poden saltar a una àrea en concret simplement pulsant una tecla, per exemple.

    Podem afegir els landmark roles a qualsevol document HTML que ja tinguem construït, simplement afegint l’atribut role a un element contenidor, i especificant el valor del role més adequat al contingut d’aquest contenidor. Per exemple: <main role="main">.

    Tingueu en compte que en HTML4 i (X)HTML caldrà fer ús del següent DTD perquè el validador de sintaxis del W3C no doni errors:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+ARIA 1.0//EN" "http://www.w3.org/WAI/ARIA/schemata/xhtml-aria-1.dtd">

    El llistat de roles disponibles que podem afegir al nostre document són els següents:

    • application: àrea definida com a aplicació web.
    • banner: àrea de contingut relatiu al lloc web, més que a la pàgina en concret. Normalment seria la part superior de la pàgina que conté el logo principal i el cercador.
    • complementary: secció de suport al contingut principal.
    • contentinfo: àrea que aporta informació sobre el document principal, normalment la informació que trobem als peus de pàgina (copyright, polítiques de privacitat, etc.)
    • form: secció contenidora dels diferents elements que conformen un formulari
    • main: contingut principal del document
    • navigation: col·lecció d’enllaços per navegar pel document o documents relacionats.
    • search: conjunt d’elements que formen una eina de cerca.

    Aquí podeu veure com els landmark roles d’ARIA ajuden els usuaris d’un lector de pantalla:

    , ,

  • Dimecres 2 octubre 2013 per

    WCAG 2.0 de forma senzilla

    Aviat farà 5 anys de la publicació de les WCAG 2.0 (Pautes d’Accessiblitat al Contingut Web 2.0). El contingut de les pautes és farregós i en determinats punts pot arribar a ser complicat d’entendre, sobretot per part de desenvolupadors que volen fer-se una idea clara i ràpida d’algun concepte o tècnica.

    És per això que Olga Revilla va decidir escriure WCAG 2.0 de forma sencilla. Aquest llibre suposa una aproximació a les pautes d’accessibilitat més planera, amb alguns canvis en el llenguatge que les fan més comprensibles. No deixa de ser la interpretació que l’autora fa de la normativa, i en certa manera tots els conceptes, tècniques i recomanacions resulten més digeribles. En paraules d’Olga Revilla, el llibre té una finalitat didàctica, que segurament manca a les pautes del W3C.

    Aquest llibre no pretén substituir les pautes. Al contrari, en recomana la lectura. Es tracta més aviat d’un resum que va al gra, i que té com a objectiu ser una eina de referència per a professionals que treballen dia a dia en el món web, des de caps de projecte fins a dissenyadors i desenvolupadors.

    L’autora es preocupa de clarificar alguns conceptes clau de les WCAG 2.0, com poden ser el de tecnologia que possibilita l’ús accessible, i la dependència tecnològica. Aquests són punts que cal tenir clars des de bon principi abans d’endinsar-se en l’estudi de les WCAG 2.0. L’última versió de les pautes pretén ser independent de la tecnologia, i això ha requerit crear aquesta sèrie de conceptes nous al voltant dels quals giren tota la resta: principis, pautes, tècniques i errors.

    Un altre aspecte interessant del llibre és que a la part final se’ns ofereixen una sèrie d’eines interessants per evaluar un lloc web.

    • Plantilla d’evaluació
    • Plantilla de declaració de conformitat
    • Eines web per ajudar-nos en la validació de:

      • Contrast de color
      • Centelleigs
      • Simulació de discapacitats visuals
      • Nivell de lectura d’un text
      • Legibilitat

    Us recomanem aquest treball (disponible tant en format electrònic com en paper) tant si ja coneixeu les WCAG 2.0 com si no. Val la pena tenir-lo a mà en el vostre dia a dia si us dediqueu al món web.

    ,

  • Dimarts 9 octubre 2012 per

    Recursos web: Accessibilitat i Usabilitat web


    És important l’interfície gràfica d’una pàgina web, però també n’és la Usabilitat i Accessibilitat d’aquesta. Una pàgina web pot ser molt bonica visualment, però si costa trobar el menú, l’usuari pot abandonar la pàgina en sentir-se fustrat al no poder complir el seu objectiu. A més, si la web no és apta per ser llegida per persones amb alguna discapacitat visual per exemple, no és accessible.

    És per això que aquests dos termes són importantíssims a l’hora de crear una pàgina.

    • Accessibilitat web: permet que totes les persones, independentment de les seves capacitats tècniques o físiques, puguin utilitzar correctament una interfície.
    • Usabilitat web: una interfície és usable quan l’usuari pot aconseguir un objectiu concret. Com menys temps passi per aconseguir l’objectiu en qüestió, més usable és.

    Eines per millorar l’accessibilitat

    Els punts més importants a l’hora de crear un lloc accessible són:

    • Utilitza l’atribut “alt” de les imatges per descriure-les
    • Organització de la pàgina coherent: utilitza sempre l’estructura <h1>, <h2>, <p> ordenadament. Les llistes amb <ul> i <ol>.
    • Sempre definir els estils en CSS
    • Definir clarament què ens trobarem en un enllaç: utilitzar per exemple “Visiti el nostre portfoli” en compte de “Cliqui aquí”.
    • Utilitza l’atribut “lang” quan es defineixin diferents idiomes.

    Eines per millorar la usabilitat

    Per millorar la usabilitat d’una pàgina web has de tenir en compte:

    • Dissenya una navegació fàcil i intuïtiva
    • Escriu continguts resumits, esquematitzats. Els dos primers paràgrafs han de contenir la informació més importants.
    • Utilitza títols, llistats, paraules amb negreta per diferenciar i marcar la importància dels diferents punts del contingut.
    • Utilitza les tècniques SEO: inclou els keywords, title i description.
    • Aplica, si és possible, la norma dels 3 clicks: l’usuari ha de poder accedir a tots els continguts en no més de 3 clicks.
    • Finalment, realitza una Avaluació Heurística i un Test d’Usabilitat

    A continuació, us mostrem un vídeo de com una persona cega navega per diferents interfícies, i explica perquè és important que una pàgina web sigui accessible i usable.

    Per saber-ne més

     

     

    , , , , , , ,

  • Dimecres 18 juliol 2012 per

    Lectures d’estiu per a apassionats del món web

    Lectura d'estiu de programació, disseny web, accessibilitat i usabilitatSi us dediqueu al disseny web o us hi voleu dedicar, segur que ja coneixeu els interessants articles que es publiquen regularment a “A List Apart” (ALA). Es tracta d’una revista que dedica els seus continguts al disseny, la programació, als continguts, l’accessibilitat i la usabilitat, amb una especial atenció als estàndards web i a les millors pràctiques. Habitualment hi escriuen grans gurús del món web i promotors dels estàndards com Jeffrey Zeldman, Cameron Moll o John Allsopp.

    Pensant en què tard o d’hora a tots ens arribarà l’hora de fer vacances, han fet un recull amb els millors articles dels 355 números que han editat al llarg de 8 anys. Els articles estan pensats per a professionals web, amb un nivell entre intermedi i avançat, i donen per suposat la familiarització i el coneixement de codi HTML i CSS i de conceptes com usabilitat i accessibilitat.

    Una lectura prometadora, que us podeu exportar per llegir còmodament des del vostre iPhone o iPad (en format .epub) o que podeu enviar cap al vostre Kindle (en format .mobi), mitjançant Readability, una eina de la que us en parlàvem fa uns dies en aquest mateix bloc.

    • Lectura d’estiu sobre estàndards web, disseny, programació, usabilitat i demés aspectes relacionats: ALA Summer Reading Issue

    , , , , , , , ,

  • Dilluns 25 juny 2012 per

    Readability, un disseny web ideal per llegir


    Fa un temps que estic utilitzant una aplicació que es diu Readability i que ajuda a llegir articles i documents d’internet sense interferències.

    Sembla estrany que hagin d’existir aplicacions com aquesta, però és que a vegades, a internet, sembla que hi hagi una conxorxa perquè els usuaris no llegim. Llegir a la pantalla sempre ha estat més difícil i cansat, però és que, a més, hi ha pàgines amb unes fonts minúscules o carregades de banners, anuncis, gifs animats i demés elements que fan que ens fixem en tot excepte en el text.

    Després ja ho diuen les estadístiques: els usuaris d’internet llegim en diagonal i estem a les pàgines molta menys estona que la que es trigaria en llegir un text sencer. Es va dient que la gent no llegim, però, caram, que no ens ho posen fàcil, no…

    Què és Readability?

    Readability és una aplicació que es pot instal·lar tant al navegador web, com al telèfon mòbil o les tauletes digitals.

    Transforma el disseny web de les pàgines web per a convertir-les en unes pàgina netes i còmodes, ideals per la lectura. Només cal crear-hi un compte (gratuït) i es poden llegir els articles des de l’iPad (o qualsevol altra tauleta digital), el telèfon mòbil o el Kindle, el llibre electrònic d’Amazon.

    Com funciona?

    Un cop s’ha instal·lat el complement pel navegador (és compatible amb gairebé tots els navegadors d’última generació), apareix una petita icona a la barra de navegació. Quan trobes un article que t’interessa, tens tres opcions:

    1) Llegir més tard.
    A vegades trobes un article que creus que t’interessa, però just quan no pots llegir-lo, perquè estàs treballant, perquè tens l’olla al foc, perquè has de sortir corrent. Aleshores guardes l’arxiu per llegir més tard i el llegeixes còmodament quan sí que tens un moment.

    2) Llegir ara.
    Comences a llegir el text i no pots concentrar-te. És en anglès, la lletra és petita, hi ha molta publicitat al voltant. Aleshores fas clic a “llegir ara”. Veuràs el document amb una font gran i fàcil de llegir – es pot configurar al gust de cadascú – i hi desapareixen tots els elements que no formen part de l’article.

    3) Enviar al Kindle.
    Llegir en pantalla sempre ha estat més difícil i cansa més la vista. De fet, quan guardes un article per llegir més tard, ja el pots llegir des de qualsevol dispositiu (iPad, iPhone, telèfons i tauletes Android). Però, a més, Readability també et permet enviar-ho al llibre electrònic Kindle, que és amb tinta electrònica i amb una pantalla que no emet llum i, per tant, no cansa la vista i ofereix encara una millor experiència lectora, que imita l’experiència d’usuari que tindríem llegint en el paper d’un llibre.

    En definitiva, Readability és una molt bona eina, pensada perquè els navegants de la xarxa puguem trobar el gust en la lectura.

    , , , , , , ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos