Maggio 19, 2024

Conca Ternana Oggi

Ultime notizie e rapporti economici sull'Italia.

Dare priorità all'accessibilità dei siti ABC

Dare priorità all'accessibilità dei siti ABC

Alla ABC, ci impegniamo per la diversità e l'inclusione tra i nostri team e il pubblico non solo in tutta l'Australia, ma con tutti coloro che in tutto il mondo si affidano alla nostra piattaforma per fornire copertura mediatica e di intrattenimento affidabile.

Ce ne rendiamo conto 1 su 6 Molti di noi hanno disabilità, ma oltre il 95% delle home page non soddisfa i requisiti di accessibilità.

Su 1 milione di home page sono stati rilevati 49.991.225 errori di accessibilità unici, con una media di 50 errori per pagina.

-WebAim (rapporto 2023)

Poiché sempre più persone si rivolgono a Internet per il consumo dei media e come parte di… Il nostro primo piano digitaleÈ diventato molto importante che le persone con disabilità possano accedere ai nostri contenuti.

Gli utenti che necessitano di tecnologie assistive per navigare sul Web dovrebbero essere in grado di accedere ai nostri contenuti, in particolare alle ultime notizie e a informazioni importanti sulle emergenze.

Con l'aiuto dei nostri specialisti di accessibilità, abbiamo implementato modi per aiutare i nostri sviluppatori a soddisfare i requisiti di accessibilità Linee guida per l'accessibilità dei contenuti Web (WCAG).

Pianificazione

Prima dell'inizio dello sviluppo, collaboriamo con i nostri designer e il team di accessibilità per esaminare l'accessibilità, l'esperienza utente e la fattibilità dei nostri progetti. Discutiamo quindi in anticipo eventuali sfide di sviluppo o preoccupazioni visive e stabiliamo un percorso chiaro fin dall'inizio.

I nostri esperti di accessibilità incorporano feedback nei progetti sugli stili interattivi, su come i contenuti dovrebbero essere interpretati dagli screen reader e su come gli utenti dovrebbero navigare utilizzando la tastiera. Ciò garantisce che ciò che svilupperemo sia compatibile con la tecnologia assistiva e riduca significativamente il numero di modifiche richieste dopo lo sviluppo.

Esempio delle nostre note dettagliate sull'accessibilità nel nostro strumento di progettazione (Figma)

edificio

La creazione di pagine web inizia con elementi HTML accessibili in modo nativo. Tuttavia, il design e la funzionalità unici di ciascun sito Web richiedono la creazione di componenti personalizzati, che potrebbero richiedere la reintegrazione di queste funzionalità di accessibilità in un modo diverso. Questo processo può essere stressante se si considera quante sedi ABC abbiamo.

READ  Ottieni le offerte speciali di EB Game Manager prima che terminino domenica

Per semplificare lo sviluppo e ridurre le rilavorazioni, abbiamo sviluppato Nucleus, una libreria centrale progettata dal nostro team DLS (Design Language System). Nucleus è progettato pensando all'accessibilità come obiettivo principale e offre una varietà di componenti predefiniti che sono stati esaminati dal nostro team di accessibilità. Garantisce inoltre coerenza e facilita gli aggiornamenti sui nostri siti ABC, come i recenti miglioramenti dell'aspetto dei focus WCAG 2.2.

Il miglioramento dell'aspetto del focus delle WCAG 2.2 è documentato nella nostra libreria
Il miglioramento dell'aspetto del focus delle WCAG 2.2 è documentato nella nostra libreria

Storie brevi

Storie brevi È qui che costruiamo i nostri componenti isolandoli dai nostri siti Web, permettendoci di condividere le nostre librerie di componenti al di fuori della base di codice e fornire documentazione insieme ad esse. Per sottolineare l'importanza di documentare l'accessibilità in Storybook, Abbiamo creato uno strumento specializzato Che si integra perfettamente con la piattaforma. Fornisce un'area dedicata per evidenziare potenziali promemoria e insidie ​​​​da considerare quando si utilizzano determinati ingredienti.

Il nostro strumento Storybook documenta la sezione Accessibilità del nostro componente Button
Il nostro strumento Storybook documenta la sezione Accessibilità del nostro componente Button

Sfruttiamo gli strumenti di accessibilità integrati di Storybook che aiutano a valutare la reattività dei componenti attraverso diverse finestre di visualizzazione, garantendo un adeguato dimensionamento sui dispositivi mobili. Consente inoltre di simulare le esperienze degli utenti con disabilità visive ingrandendo il contenuto per migliorare la leggibilità o sostituire la visione sfocata.

Il nostro componente Carousel simula la visione sfocata nella cornice di un display mobile
Il nostro componente Carousel simula la visione sfocata nella cornice di un display mobile

Test

Utilizziamo strumenti di test per garantire che i nostri componenti e siti Web siano il più accessibili possibile e rileviamo i problemi in vari modi.

Unità esperimenti

Nel nostro primo metodo, abbiamo approfittato di Libreria di prova, noto per le sue funzionalità di accessibilità integrate. Il nostro obiettivo è creare test che rappresentino al meglio le interazioni dell'utente, garantendo la funzionalità di componenti di codice isolati, come gli elementi HTML. Il framework della libreria di test ci consente di simulare una serie di interazioni, inclusa la navigazione e lo scorrimento tramite tastiera.

Uno dei nostri test del modulo di navigazione a discesa che verifica il supporto per i tasti freccia e gli stati di focus
Uno dei nostri test del modulo di navigazione a discesa che verifica il supporto per i tasti freccia e gli stati di focus

Includiamo anche un semplice test utilizzando Ascia di base Motore che identifica automaticamente le pratiche comuni di accessibilità, ad esempio garantire che le immagini abbiano etichette appropriate affinché gli screen reader possano pubblicizzarle.

READ  Toyota sarà uno sponsor per la Minor League Cricket
Esempio di test unitario utilizzando il motore Axe
Esempio di test unitario utilizzando il motore Axe

Test automatizzati completi

Oltre ai test unitari, automatizziamo le simulazioni di scenari utente reali, che navigano attraverso diverse pagine per identificare i problemi dall'inizio alla fine. Utilizzo Test di accessibilità del drammaturgoSiamo in grado di rilevare violazioni WCAG su più componenti visualizzati sullo schermo. Ciò può includere componenti che si sovrappongono tra loro, rendendo difficile la lettura del testo o diversi elementi interattivi con ID duplicati, confondendo uno screen reader.

Rapporto del drammaturgo che fornisce informazioni dettagliate sulle violazioni dell'accessibilità
Rapporto del drammaturgo che fornisce informazioni dettagliate sulle violazioni dell'accessibilità

Questi tipi di test offrono un grande valore rispetto ai test manuali. Copre i requisiti definiti dagli esperti di accessibilità e cattura i cambiamenti che potrebbero influire sull'usabilità. Automatizzarli quando vengono apportate modifiche al codice aiuta a mantenere il nostro livello di accessibilità per migliorarlo ulteriormente.

Test manuale

Sebbene i metodi di test di cui sopra siano preziosi, è importante notare che non sono in grado di rilevare tutti i problemi di accessibilità e non replicano completamente l’interazione umana con la tecnologia assistiva. Per colmare questa lacuna, eseguiamo test manuali volti a risolvere potenziali errori in cui gli altri nostri test potrebbero fallire.

Utilizziamo lettori di schermo durante la navigazione nei nostri componenti e siti Web utilizzando solo l'input da tastiera. Ciò ci consente di ascoltare come il contenuto viene letto ad alta voce e identificare eventuali dubbi sulla struttura del contenuto, sul flusso di navigazione o sull'assenza di elementi descrittivi.

Inoltre, valutiamo la compatibilità con diverse configurazioni di accessibilità come modalità ad alto contrasto e impostazioni a basso movimento per garantire che i nostri siti Web siano confortevoli per gli utenti che potrebbero avere sensibilità sensoriali. Questo metodo presenta problemi con i rapporti di contrasto dei colori e l'animazione che potrebbero non funzionare correttamente in queste condizioni.

Infine, per garantire che i nostri siti Web mantengano le funzionalità di accessibilità su una gamma di piattaforme comunemente utilizzate, testiamo diverse combinazioni di lettori di schermo con i browser, i sistemi operativi e i dispositivi più diffusi.

READ  Le vetture Naked Mark GT completano il primo test

Revisioni sull'accessibilità

La stretta collaborazione e la revisione del nostro lavoro da parte del nostro team di accessibilità sono una parte importante del nostro processo di creazione. La loro esperienza garantisce una più stretta conformità agli standard WCAG e aiuta a identificare eventuali ostacoli all'accessibilità. Siamo in grado di ricevere feedback preziosi e affrontare i problemi di accessibilità durante tutto il nostro ciclo di vita di sviluppo, dalla progettazione iniziale fino agli aggiornamenti post-rilascio.

Una parte importante del nostro processo prevede l’iterazione Modelli di feedback del pubblico, soprattutto per quanto riguarda l'accessibilità, poiché gli utenti segnalano problemi incontrati durante la navigazione del sito. Questa comunicazione diretta ci consente di rispondere rapidamente al feedback degli utenti e di affrontare i problemi in modo tempestivo.

Tuttavia, nei casi in cui non siamo in grado di gestire il feedback sull'accessibilità attraverso modifiche allo sviluppo, i nostri team di progettazione aiutano a fornire progetti alternativi che aiutano a risolvere il feedback.

Condividere la conoscenza

Oltre alle nostre altre strategie, ci concentriamo su sessioni di documentazione complete e sulla condivisione delle conoscenze, garantendo coerenza e migliorando l'apprendimento tra i team.

I metodi di test si trovano nella nostra documentazione interna sull'accessibilità durante lo sviluppo
I metodi di test si trovano nella nostra documentazione interna sull'accessibilità durante lo sviluppo

Le riunioni periodiche offrono ai nostri team l'opportunità di discutere argomenti chiave sull'accessibilità e condividere strumenti rilevanti per la crescita continua e la collaborazione tra i membri del team.

Istruendoci a vicenda e fornendo indicazioni attraverso la nostra documentazione e le nostre riunioni, miriamo a portare trasparenza per standardizzare il nostro flusso di lavoro e integrare perfettamente l'accessibilità.

Conclusione

Il nostro processo di sviluppo riflette il nostro impegno per l'inclusione, integrandola in ogni aspetto della nostra cultura lavorativa per garantire che i nostri siti Web siano il più accessibili possibile. Migliorando la nostra struttura web e collaborando con i nostri team, stiamo portando avanti il ​​nostro piano per creare una piattaforma digitale per tutti, indipendentemente dalle loro capacità.