Prioritizează accesibilitatea site-urilor ABC

La ABC, ne străduim pentru diversitate și incluziune în rândul echipelor și al publicului nostru nu numai din Australia, ci și cu toți cei din întreaga lume care se bazează pe platforma noastră pentru a oferi o acoperire media și de divertisment de încredere.

Ne dăm seama că 1 din 6 Mulți dintre noi avem dizabilități, dar peste 95% dintre paginile de pornire nu îndeplinesc cerințele de accesibilitate.

Pe 1 milion de pagini de pornire, au fost detectate 49.991.225 de erori unice de accesibilitate – o medie de 50 de erori pe pagină.

-WebAim (raport 2023)

Pe măsură ce tot mai mulți oameni apelează la internet pentru consumul media și ca parte a… Primul nostru plan digitalA devenit foarte important ca persoanele cu dizabilități să poată accesa conținutul nostru.

Utilizatorii care au nevoie de tehnologie de asistență pentru a naviga pe web ar trebui să poată accesa conținutul nostru, în special știri de ultimă oră și informații importante despre situații de urgență.

Cu ajutorul specialiștilor noștri în accesibilitate, am implementat modalități de a ajuta dezvoltatorii noștri să îndeplinească cerințele de accesibilitate Recomandări privind accesibilitatea conținutului web (WCAG).

Planificare

Înainte de începerea dezvoltării, lucrăm împreună cu designerii și echipa noastră de accesibilitate pentru a revizui accesibilitatea, experiența utilizatorului și fezabilitatea designurilor noastre. Apoi discutăm în avans orice potențiale provocări de dezvoltare sau preocupări vizuale și stabilim o cale clară de la început.

Experții noștri în accesibilitate încorporează feedback în design despre stilurile interactive, modul în care conținutul ar trebui să fie interpretat de cititoarele de ecran și modul în care utilizatorii ar trebui să navigheze folosind tastatura. Acest lucru asigură că ceea ce vom dezvolta este compatibil cu tehnologia de asistență și reduce semnificativ numărul de modificări necesare după dezvoltare.

clădire

Crearea paginilor web începe cu elemente HTML accesibile nativ. Cu toate acestea, designul unic și funcționalitatea fiecărui site web necesită crearea de componente personalizate, care pot necesita reintegrarea acestor caracteristici de accesibilitate într-un mod diferit. Acest proces poate fi stresant când luăm în considerare câte locații ABC avem.

Pentru a simplifica dezvoltarea și a reduce repetarea, am dezvoltat Nucleus, o bibliotecă centrală proiectată de echipa noastră Design Language System (DLS). Nucleus este proiectat având ca obiectiv principal accesibilitatea și oferă o varietate de componente prefabricate care au fost revizuite de echipa noastră de accesibilitate. De asemenea, asigură consecvența și facilitează actualizările pe site-urile noastre ABC, cum ar fi recentele îmbunătățiri ale aspectului focusului WCAG 2.2.

Povesti scurte

Povesti scurte Este locul în care ne construim componentele izolat de site-urile noastre web, permițându-ne să partajăm bibliotecile noastre de componente în afara bazei de cod și să furnizăm documentație alături de acestea. Pentru a sublinia importanța documentării accesibilității în Storybook, Am creat un instrument specializat Care se integrează perfect cu platforma. Oferă o zonă dedicată pentru a evidenția potențialele mementouri și capcanele de luat în considerare atunci când utilizați anumite ingrediente.

Folosim instrumentele de accesibilitate integrate ale Storybook care ajută la evaluarea capacității de răspuns a componentelor în diferite ferestre de vizualizare, asigurând o scalare adecvată pe dispozitivele mobile. De asemenea, permite simularea experiențelor utilizatorilor cu deficiențe de vedere prin mărirea conținutului pentru a îmbunătăți lizibilitatea sau a înlocui vederea încețoșată.

Teste

Folosim instrumente de testare pentru a ne asigura că componentele și site-urile noastre web sunt cât mai accesibile posibil și pentru a detecta problemele într-o varietate de moduri.

Unitatea de experimente

În prima noastră metodă, am profitat Biblioteca de testare, cunoscut pentru funcțiile de accesibilitate încorporate. Accentul nostru este pe crearea de teste care reprezintă cel mai bine interacțiunile utilizatorului, asigurând funcționalitatea componentelor de cod izolate, cum ar fi elementele HTML. Cadrul bibliotecii de testare ne permite să simulăm o serie de interacțiuni, inclusiv navigarea prin tastatură și derularea.

Includem, de asemenea, un simplu test de utilizare Topor de bază Motor care identifică automat practicile comune de accesibilitate, cum ar fi asigurarea faptului că imaginile au etichete adecvate pentru ca cititorii de ecran să le facă publicitate.

Testare automată cuprinzătoare

Pe lângă testele unitare, automatizăm simulări ale scenariilor reale ale utilizatorilor, care navighează prin diferite pagini pentru a identifica problemele de la început până la sfârșit. Utilizare Teste de accesibilitate pentru dramaturgPutem detecta încălcările WCAG în mai multe componente afișate pe ecran. Aceasta poate include componente care se suprapun, făcând textul dificil de citit, sau diferite elemente interactive cu ID-uri duplicate, derutând un cititor de ecran.

Aceste tipuri de teste oferă o valoare mare în comparație cu testarea manuală. Acesta acoperă cerințele definite de experții în accesibilitate și surprinde modificările care pot afecta gradul de utilizare. Automatizarea acestora atunci când se fac modificări la cod ajută la menținerea nivelului nostru de accesibilitate pentru a-l îmbunătăți în continuare.

Testare manuală

Deși metodele de testare de mai sus sunt valoroase, este important să rețineți că ele nu sunt capabile să detecteze toate problemele de accesibilitate și nu reproduc pe deplin interacțiunea umană cu tehnologia de asistență. Pentru a umple acest gol, efectuăm teste manuale menite să abordeze erorile potențiale în care celelalte teste ale noastre pot eșua.

Folosim cititoare de ecran atunci când navigăm pe componentele și site-urile noastre web folosind doar introducerea de la tastatură. Acest lucru ne permite să auzim cum este citit conținutul cu voce tare și să identificăm orice preocupări legate de structura conținutului, fluxul de navigare sau absența elementelor descriptive.

În plus, evaluăm compatibilitatea cu diferite configurații de accesibilitate, cum ar fi modurile de contrast ridicat și setările de mișcare redusă, pentru a ne asigura că site-urile noastre web sunt confortabile pentru utilizatorii care pot avea sensibilități senzoriale. Această metodă prezintă probleme cu rapoartele de contrast de culoare și animația care ar putea să nu funcționeze corect în aceste condiții.

În cele din urmă, pentru a ne asigura că site-urile noastre web mențin funcțiile de accesibilitate pe o gamă largă de platforme utilizate în mod obișnuit, testăm diferite combinații de cititoare de ecran cu browsere, sisteme de operare și dispozitive populare.

Evaluări de accesibilitate

Colaborarea strânsă și revizuirea muncii noastre de către echipa noastră de accesibilitate este o parte importantă a procesului nostru de creație. Expertiza lor asigură o conformitate mai strictă cu standardele WCAG și ajută la identificarea oricăror potențiale bariere în calea accesibilității. Suntem capabili să primim feedback valoros și să abordăm problemele de accesibilitate pe parcursul ciclului nostru de viață de dezvoltare, de la proiectarea inițială până la actualizările post-lansare.

O parte importantă a procesului nostru implică iterația Modele de feedback ale publicului, în special în ceea ce privește accesibilitatea, deoarece utilizatorii raportează probleme pe care le întâmpină în timpul navigării pe site. Această comunicare directă ne permite să răspundem rapid la feedback-ul utilizatorilor și să abordăm problemele în timp util.

Cu toate acestea, pentru cazurile în care nu putem aborda feedback-ul privind accesibilitatea prin modificări de dezvoltare, echipele noastre de proiectare ajută la furnizarea de modele alternative care ajută la rezolvarea feedback-ului.

Împărtășiți cunoștințele

Pe lângă celelalte strategii ale noastre, ne concentrăm pe sesiuni cuprinzătoare de documentare și schimb de cunoștințe, asigurând coerența și îmbunătățind învățarea între echipe.

Întâlnirile regulate oferă echipelor noastre oportunități de a discuta subiecte cheie de accesibilitate și de a împărtăși instrumente relevante pentru creșterea continuă și colaborarea între membrii echipei.

Educându-ne reciproc și furnizând îndrumări prin documentația și întâlnirile noastre, ne propunem să aducem transparență pentru a ne standardiza fluxul de lucru și a integra accesibilitatea fără probleme.

Concluzie

Procesul nostru de dezvoltare reflectă angajamentul nostru față de incluziune, integrându-l în fiecare aspect al culturii noastre de lucru pentru a ne asigura că site-urile noastre web sunt cât mai accesibile posibil. Îmbunătățindu-ne cadrul web și colaborând cu echipele noastre, ne continuăm planul de a crea o platformă digitală pentru toată lumea, indiferent de abilitățile lor.