All’inizio di quest’anno, ti abbiamo presentato una soluzione chiamata accessiBe * che rende i siti Web accessibili con un semplice frammento di codice.
Siamo orgogliosi utenti di accessiBe a Convince & Convert. L’interfaccia consente a ogni visitatore di un sito Web con accessiBe installato di adattare il design, l’interfaccia utente e l’accessibilità del sito Web alle proprie esigenze specifiche.
Sono un grande membro della soluzione. Per darti un’idea dell’aspetto dei siti Web con accessiBe e di come aiutano gli utenti con disabilità, ho messo insieme questo elenco di esempi di siti Web resi accessibili con accessiBe.
* Per fornire una trasparenza completa: siamo clienti accessiBe e accessiBe è anche un cliente di Convince & Convert.
Ecco 20 fantastici esempi di siti Web accessibili.
Sezione 1: Ospitalità e viaggi
1. Hilton
Profilo sicuro dal sequestro
L’Hilton Columbus at Easton è un hotel preferito dai viaggiatori d’affari e di piacere, dalla gente del posto e dai gruppi. Per accogliere tutti i visitatori online, l’uso di accessiBe all’interno del proprio sito Web consente ai visitatori di scegliere il profilo di accessibilità giusto per le proprie preferenze.
Con la funzione Seizure Safe Profile, i flash vengono eliminati e il colore dello schermo viene ridotto. Il profilo consente agli utenti epilettici e con crisi epilettiche di navigare rapidamente nel sito Web riducendo il rischio di crisi epilettiche causate da animazioni lampeggianti o lampeggianti e combinazioni di colori rischiose.
2. Condor Hotel
Profilo per ipovedenti
Oltre alle altre funzionalità fornite da accessiBe, la funzione Profilo per non vedenti migliora le immagini sui siti Web dei clienti per adattarsi alla maggior parte delle menomazioni visive, tra cui visione a tunnel, cataratta e glaucoma. Qui, quando gli ospiti di Condor navigano nel loro sito web per trovare un soggiorno boutique a Brooklyn, possono farlo facilmente poiché il programma regola rapidamente gli orientamenti.
3. Snacknation
Profilo di disabilità cognitiva
Snacknation è un servizio di consegna di snack per coloro che desiderano inviare scatole di snack ai propri team, amici e persino a casa propria.
Per alcuni visitatori, specialmente quelli con disabilità cognitive, come autismo, dislessia e CVA, sfogliare tutte le opzioni di snack senza accessiBe abilitato potrebbe rappresentare una sfida.
Tuttavia, il profilo della disabilità cognitiva aiuta gli spettatori a leggere e concentrarsi. Questo profilo fornisce funzionalità di assistenza che si concentrano sugli elementi essenziali del sito Web, come la selezione delle opzioni dell’intestazione e della barra dei menu.
4. Lonely Planet
Profilo amichevole con ADHD
L’ADHD Friendly Profile aiuta i visitatori a concentrarsi su sezioni specifiche del sito Web eliminando le distrazioni. Questo profilo è stato appositamente progettato per aiutare le persone con ADHD e disturbi dello sviluppo neurologico a navigare, leggere e concentrarsi facilmente sul sito Web ed è un modo eccellente per mantenere gli utenti concentrati sul raggiungimento degli obiettivi di conversione.
5. DELSEY
Carattere leggibile per ipovedenti
Come tutti sappiamo, una buona tipografia aiuta un potenziale cliente a sentirsi più sicuro della tua scheda di prodotto, della tua attività e persino degli annunci pubblicitari online. Le regolazioni del contenuto di AccessiBe consentono alle persone di utilizzare la funzione “Caratteri leggibili”. Il sito Web si adatta rapidamente a un semplice carattere tipografico mantenendo gli stessi elementi di layout e design del marchio.
Sezione 2: Automotive e servizi finanziari e legali
6. DealerON
Evidenzia i titoli per ipovedenti
7. Yokohama
Evidenzia collegamenti per ipovedenti
Se hai bisogno di aiuto per concentrarti su determinati aspetti di un sito web ma non hai necessariamente bisogno di funzioni aggiuntive fornite dalle regolazioni del “Profilo” di accessiBe, puoi utilizzare alcune delle opzioni di regolazione più semplici come Titoli di evidenziazione e Link di evidenziazione. Come mostrato nelle home page di DealerON e Yokohama, questa funzione racchiude i principali titoli e collegamenti sui siti Web in modo che i visitatori possano determinare rapidamente dove si trovano e dove devono andare.
8. StepStone
Lente di ingrandimento del testo per ipovedenti
A volte il testo può apparire piccolo e difficile da leggere. Essere in grado di ingrandire o ingrandire il testo lo rende più facile e più comodo da leggere. Soprattutto per coloro che hanno problemi di vista, la regolazione dell’ingrandimento del testo di accessiBe consente agli utenti di spostare il cursore sul contenuto e ingrandire automaticamente il testo.
9. Miami State Attorney
Allinea al centro per ipovedenti
Come mostrato sul sito web del Procuratore dello Stato di Miami, lo strumento di allineamento al centro di accessiBe centra perfettamente tutto il testo. Questa funzione funziona perfettamente per le sezioni di siti Web in cui è presente una grande porzione di testo sullo schermo. Il testo allineato al centro è più facile da leggere per i non vedenti. Inoltre, i visitatori hanno anche la possibilità di allineare il testo a sinistra ea destra.
10. Il Florida Bar
Contrasto scuro per ipovedenti
Molti programmi e app sui nostri dispositivi mobili ora dispongono di una “modalità oscura”. Grazie ad accessiBe, molti marchi possono ora avere una funzionalità simile sui loro siti web.
I visitatori possono regolare i colori in base alle loro esigenze e ridurre l’affaticamento degli occhi con la funzione di contrasto scuro. Questo è adatto anche a coloro che hanno sensibilità alla luce e non possono navigare su siti Web con sfondi luminosi.
Sezione 3: Sanità e tecnologia
11. Louisiana Department of Health
Monocromatico per ipovedenti
Simile alla funzione di contrasto scuro, la funzione monocromatica di accessiBe funziona alla grande per ridurre i colori vivaci sui siti web. Inoltre, è un’ottima soluzione per coloro che hanno problemi di visione dei colori. Come mostrato nella home page del Dipartimento della Salute della Louisiana, la funzione monocromatica trasforma le pagine in chiare sfumature di grigio senza ostacolare il contenuto.
12. Dexcel
Monocromatico per ipovedenti
In questo esempio sul sito Web Dexcel, accessiBe fornisce la regolazione del colore per aree di contenuto specifiche su un sito Web. Che si tratti di testo o di un titolo, gli spettatori con diversi gradi di daltonismo potrebbero non essere in grado di vedere i tuoi pulsanti o link a causa del colore. Questa caratteristica consente loro di regolare facilmente i colori in base alle loro esigenze di visione.
13. Pacific Life
Modalità di lettura per disabilità visive, motorie e cognitive
In questo esempio, puoi vedere come un visualizzatore può regolare anche l’orientamento dello schermo. Questa sezione è progettata specificamente per aiutare le persone con disabilità visive, cognitive e motorie. La modalità di lettura rimuove tutta la grafica e le immagini in movimento e mantiene tutto il testo sullo schermo per consentire agli spettatori di concentrarsi esclusivamente sulle informazioni. Inoltre, questa funzione è anche stampabile in quanto ti consente di risparmiare inchiostro se decidi di utilizzarlo per le tue esigenze fisiche.
14. Belkin
Evidenzia esempio di passaggio del mouse
Uno dei concetti principali alla base delle funzioni di orientamento di AccessiBe è che aiuta a ridurre le distrazioni e il rumore fornendo elementi di guida. Sul sito web di Belkin, puoi vedere come la funzione di evidenziazione al passaggio del mouse consente agli spettatori di utilizzare il cursore per fare clic su parti specifiche del sito. Questo si concentra direttamente sul contenuto poiché il programma evidenzia la sezione desiderata.
15. Mobileye
Nascondi immagini per disabilità visive, motorie e cognitive
Molti siti Web contengono immagini in movimento o animazioni che potrebbero essere difficili per alcuni visitatori. Con accessiBe, i visitatori hanno la possibilità di nascondere le immagini per ridurre le distrazioni. Con tutto lo spazio vuoto lasciato sullo schermo, il layout generale e le dimensioni del sito web rimangono fedeli a se stesso, quindi i marchi non dovranno preoccuparsi che i loro contenuti vengano ricostruiti in un modo insolito.
Sezione 4: Abbigliamento e vendita al dettaglio
16. Allsaints
Link utili per disabilità visive, motorie e cognitive
Per i visitatori che trovano impegnativa la navigazione in un sito Web, l’utile funzione di accessibilità dei collegamenti consente ai visitatori di accedere rapidamente a un menu a discesa con tutti i collegamenti su un sito Web.
17. DC Shoes
Aggiustamenti di caratteri e lettere per disabilità visive, motorie e cognitive
Sebbene le funzionalità del profilo di accesiBe siano predefinite, gli spettatori possono scegliere di adattare altri elementi alle loro esigenze. Ad esempio, nella home page di DC, puoi vedere quanto è facile regolare il dimensionamento dei caratteri o la spaziatura delle lettere quando necessario. Questa personalizzazione consente alle persone di trovare la visualizzazione dello schermo perfetta per la loro particolare disabilità e preferenze.
18. Occhiali USA
Contrasto elevato per ipovedenti
19. Kappa
Bassa saturazione per ipovedenti
Le persone con problemi di vista devono avere la possibilità di regolare la luminosità del display per migliorare la leggibilità e il design. La funzione di contrasto elevato funziona come un filtro per rendere le immagini e il testo più facili da leggere e per far risaltare il colore.
Le persone con problemi di vista o ipovedenti possono vedere meglio i contenuti con l’uso di un contrasto elevato, rispetto a una normale combinazione di colori. La saturazione bassa funziona in modo simile per accogliere coloro che sono sensibili a immagini luminose e audaci.
La homepage su GlassesUSA mostra la funzione di contrasto elevato, dove i colori sulle sfumature sono migliorati, e sulla homepage di Kappa, la bassa saturazione attenua le immagini, come si vede sulla maglietta del modello.
20. Taylor Guitars
Navigazione con tastiera per problemi motori
Quando si utilizza la funzione per utenti non vedenti, il sito Web di Taylor Guitar diventa compatibile con gli screen reader installati sul computer o sullo smartphone dell’utente.
Con la funzione di navigazione da tastiera, consente alle persone con disabilità motoria di utilizzare il sito web utilizzando le loro tastiere con scorciatoie come “M” per i menu e “H” per le intestazioni.
Conclusione
L’accessibilità del sito web è più importante che mai. Per offrire pari opportunità ed esperienze alle persone con disabilità, è fondamentale rendere il tuo sito web accessibile a tutti. In questo modo, le tue relazioni con i tuoi consumatori crescono ben oltre lo schermo di un computer.
