Bun venit, inca o data, pe noul site web Greater Good. Site-ul arata cu siguranta foarte diferit de cel vechi si am facut multe alte imbunatatiri care nu sunt vizibile pentru utilizatorul ocazional. De fapt, exista un grup care va beneficia mai mult decat altii de pe urma eforturilor noastre: utilizatorii cu dizabilitati vizuale, auditive, motorii si alte dizabilitati.
Sincer sa fiu, personalul nostru nu s-a gandit prea mult la nevoile acestui grup pana foarte tarziu in procesul de reproiectare. Abia la sfarsitul anului 2016 am aflat ca UC Berkeley lanseaza un impuls la nivelul intregii institutii pentru a face tot continutul lor web accesibil utilizatorilor cu dizabilitati. Apoi, o hotarare din ianuarie a Departamentului de Justitie a spus ca aproape tot continutul web public trebuie sa includa suport pentru utilizatorii cu dizabilitati.
In functie de perspectiva dvs., momentul acestei impingeri a fost fie norocos – inca nu am inceput codificarea – sau nefericit, deoarece toata munca de proiectare tocmai fusese finalizata. Dar, pe masura ce am inceput sa investigam cum sa indeplinim standardele de accesibilitate, am descoperit ca crearea unui site web care sa serveasca mai bine toti vizitatorii nostri a fost, intr-adevar, o noua modalitate de a ne promova misiunea de a promova o societate rezistenta si plina de compasiune.
Publicitate
X
De fapt, am creat doua site-uri. Reproiectarea noastra a impartit Greater Good Science Center si revista Greater Good in doua site-uri web separate, ambele trebuind sa ofere instrumente mai bune vizitatorilor cu dizabilitati. Accesarea ambelor site-uri a crescut semnificativ costul reproiectarii si a impus solicitari neasteptate asupra personalului.
Este destul de usor sa ne asumam un angajament vag fata de accesibilitate, dar aveam multe de invatat. Unele dintre modificarile pe care trebuia sa le facem s-au dovedit a fi infricosator de tehnice. Deci, cum am facut-o
Desi ceea ce am invatat poate sa nu para relevant pentru multi cititori, speram ca impartasirea procesului nostru va ajuta pe toata lumea sa se gandeasca la accesibilitate – si sa inteleaga ce trebuie sa faca site-urile web de astazi pentru a ajunge la cat mai multi oameni posibil .

Cum faci un site accesibil, oricum

Nu vom minti — initial am fost destul de intimidati de ideea de a adauga un efort de accesibilitate in ceea ce era deja un proiect extins de reproiectare front-end si back-end.
Cum arata un site accesibil si cum a fost folosit
Ar trebui sa ne intoarcem la plansa de desen si sa alegem o paleta de culori complet diferita pentru site, astfel incat utilizatorii daltonieri sa nu fie exclusi
. dispozitive de intrare standard
Cum am putea sprijini vizitatorii care nu vad sau nu aud sau pot face ambele, dar nu bine
Am inceput prin a studia standardele de continut de accesibilitate web stabilite de World Wide Web Consortium (W3C), o comunitate internationala care stabileste standarde tehnologice pentru intregul web. Ghidurile privind accesibilitatea continutului web, sau WCAG, impart standardele de accesibilitate in trei niveluri de crestere a suportului: A, AA si AAA. Noi, ca si restul comunitatii Berkeley, ne propunem sa ne conformam cu standardele de nivel mediu, WCAG 2.0 Level AA.
„Proiectam si codificam site-uri web de mai bine de 17 ani, dar rareori clientii nostri ne-au pus sa abordam accesibilitatea la fel de profund si complet ca Greater Good. ”
―Travis Smith, Hop Studios
Dar cum ar putea fi aplicate aceste standarde site-urilor noastre web
Pentru raspunsuri mai precise, am apelat la partenerul nostru de dezvoltare, Hop Studios, o companie de web design cu sediul in Vancouver, Columbia Britanica. Ei au lucrat cu accesibilitatea in trecut, dar si ei au studiat indeaproape unele dintre liniile directoare WCAG pentru prima data.
„Proiectam si codificam site-uri web de mai bine de 17 ani, dar rareori clientii nostri ne-au pus sa abordam accesibilitatea atat de profund si complet pe cat trebuia Greater Good”, spune Travis Smith, presedintele Hop Studios. „Am fost de fapt incantati sa ne extindem cunostintele in aceasta directie, atat pentru a ne informa mai bine munca in general, dar si pentru ca acesta este in mod clar lucrul potrivit de facut. Desigur, a trebuit si noi sa ne framantam foarte mult, din moment ce eram deja in mijlocul proiectului cand a fost introdus acest factor!”
Hop a inceput prin a efectua o evaluare a prototipurilor de proiectare pentru ambele site-uri.
„Ne-am uitat la fiecare pagina a noilor design-uri si am ajuns la concluzia ca, in loc sa trimitem totul inapoi designerilor – in esenta, repornind intregul proiect – vom crea un proces de testare si revizuire care ar putea fi aplicat dupa ce desenele au fost transformate in cod. ” spune Smith. „In acest fel am putea continua sa mergem mai departe cu munca de dezvoltare, in timp ce identificam exact ce elemente trebuiau de fapt reproiectate.”
Fiecare pagina a fost codificata si apoi testata. Problemele legate de cod au fost rezolvate la acel pas. Doar cateva dintre problemele gasite in timpul testarii trebuiau trimise inapoi designerilor pentru a fi rezolvate. De exemplu, am descoperit ca culoarea implicita a link-ului pe care o selectasem nu avea suficient contrast de culoare pentru a indeplini standardele de nivel AA.
Apoi am mers mai adanc.

Diavolul este in detalii.

Accesibilitatea nu este doar despre vedere. De asemenea, trebuia sa ne gandim la utilizatorii cu dizabilitati motorii.
„Am acordat o atentie deosebita sa ne asiguram ca site-ul este usor de navigat cu o tastatura, deoarece multi vizitatori cu dizabilitati si tehnologii de asistenta nu pot folosi un mouse”, spune Smith.
Majoritatea paginilor web pot fi navigate folosind o tastatura (accesati orice pagina web si faceti clic pe tasta Tab si veti descoperi ca va trece de la un element pe care se poate face clic la un element pe care se poate face clic). Este usor de facut, dar este un mod mult mai lent de a va deplasa pe o pagina web decat este pentru un utilizator care poate derula cu o miscare rapida a mouse-ului sau pur si simplu scanand continutul vizual.
Atat pe site-urile Greater Good Science Center, cat si pe site-urile revistei Greater Good, am implementat doua instrumente importante pentru a usura putin viata vizitatorilor a caror metoda principala de interfata este tastatura. Primul este un element numit „sariti navigarea”. Acest instrument de navigare cu comenzi rapide (prezentat mai jos) apare numai atunci cand vizitatorul apasa tasta Tab imediat dupa ce o pagina de site se incarca. Folosind-o, vizitatorul poate „sari” in zonele cele mai frecvent accesate ale paginii.
Pe o pagina a revistei Greater Good, de exemplu, vizitatorul poate sari direct la inceputul povestii. Fara skip nav, ar putea fi nevoie de cateva zeci de miscari de tastatura pentru ca vizitatorul sa ajunga in acelasi loc. Aceasta functie economiseste timp, desigur, si, de asemenea, deserveste mai bine vizitatorii cu dizabilitati motorii pentru care fiecare „clic” necesita un efort fizic suplimentar.
(Puteti incerca singur instrumentul de ignorare de navigare pe aceasta pagina, daca utilizati un computer desktop: reincarcati pagina si, inainte de a face clic oriunde cu mouse-ul, apasati tasta Tab de pe tastatura pana cand caracteristica de omitere a navigarii devine vizibila in partea de sus a paginii.)
Daca ati incercat sa navigati pe o pagina non-GG folosind tastatura, este posibil sa fi observat cealalta dificultate a acestei metode de interactiune: atunci cand navigati folosind tastatura, este posibil sa nu puteti vedea ce element este selectat. Faceti clic literalmente in intuneric! Pe site-urile Greater Good am adaugat un identificator vizual puternic in jurul elementului care este de fapt selectat. Am ales un chenar punctat greu (vezi mai jos) ca indiciu vizual.
Sub capota exista multe caracteristici suplimentare de accesibilitate:
Toate elementele de formular includ etichete care le spun cititorilor de ecran care ar trebui sa fie continutul fiecarei casete de formular.
Toate imaginile importante folosesc text alternativ care descrie continutul imaginii pentru cei care nu o pot vedea. De asemenea, am ascuns complet imaginile decorative de la cititoarele de ecran.
Toate functionalitatile paginii pot fi navigate folosind o tastatura, de la suprapuneri pop-up la chestionare.
Codul paginii este organizat si etichetat semantic — cel mai important element al paginii este marcat ca atare, navigarea este delimitata si asa mai departe.
Ne-am asigurat ca folosim un singur link in jurul mai multor elemente care merg in acelasi loc, ca atunci cand avem un titlu si o imagine, de exemplu.
Elementele Javascript pot fi utilizate cu o tastatura si fara mouse.

Nu am terminat inca

Una dintre noile functii de pe site-ul nostru este o pagina dedicata „Diversitatii” ca una dintre cele 10 „Chei ale bunastarii”. In timp ce vorbim adesea despre promovarea diversitatii in termeni de reprezentare, relatii, structuri sociale si cultura, aceasta lucrare ne-a dezvaluit o alta modalitate de a acoperi diferentele umane: tehnologic.
Ideea ca persoanele cu dizabilitati ar trebui sa fie pe deplin incluse in viata publica este una cu adevarat radicala – radicala in sensul de a ajunge cu adevarat la radacina societatii umane, care incepe cu intrebarea cine apartine grupului si cine nu. Implicatiile raspunsului pe care il oferim variaza de la modul in care gandim si ne comportam pana la modul in care ne proiectam strazile, cladirile si site-urile web.
Din aceasta perspectiva, skip navigation este o manifestare tehnica, exterioara, a unui ideal interior, unul pe care trebuie mai intai sa-l imbratisam in mod constient. Idealurile pot fi costisitoare si consumatoare de latime de banda. Intr-adevar, modernizarea atat a cladirilor, cat si a site-urilor noastre web ar putea fi costisitoare pe termen scurt, dar odata pusa in functiune, beneficiile sociale sunt enorme. Si daca am fi inclus accesibilitatea in procesul de proiectare de la inceput, nu ar fi fost aproape deloc costuri.
Este important sa recunoastem ca nici macar nu am fi stiut despre aceste schimbari daca nu ar fi fost procesele intentate de activistii pentru drepturile persoanelor cu dizabilitati si impulsul rezultat din partea UC Berkeley si Departamentul de Justitie. Acesta ne aduce aminte de cat de important este ca oamenii sa lupte pentru drepturile lor si ca guvernul sa le puna in aplicare.
Mai avem multi pasi pentru a ne atinge obiectivele. Cel mai important este sa oferim subtitrari pentru continutul audio si video, ceea ce va deveni posibil atunci cand vom angaja un nou Producator Multimedia in aceasta vara. De asemenea, trebuie sa modernizam celelalte site-uri web – Greater Good in Action si Thnx4.org – si sa proiectam viitorul nostru site nou pentru ca educatorii sa fie accesibili de la zero.
Greater Good Science Center are norocul sa aiba resursele necesare pentru a proiecta pentru accesibilitate si pentru a angaja personalul de care avem nevoie pentru a mentine site-urile noastre – resurse care sunt furnizate de oameni ca tine. Daca doriti sa sustineti eforturile noastre de a ajunge la cel mai larg public posibil, inclusiv persoanele cu dizabilitati, va rugam sa luati in considerare sa faceti o donatie pentru a ne sprijini activitatea.
Si, desi ne simtim destul de bine in ceea ce priveste munca de accesibilitate pe care am facut-o pe site-uri pana acum, precum si planurile noastre pentru viitor, stim ca este intotdeauna loc de crestere! Daca aveti sugestii despre cum ne putem imbunatati in continuare in acest domeniu (si in oricare altul), am dori sa aflam de la dvs. Va rugam sa trimiteti un e-mail „greater at berkeley dot edu” cu intrebarile sau sugestiile dumneavoastra.