Scritto da Tobias Greiner il 14 agosto 2023

Opzioni di personalizzazione visiva da Eye-Able

Centro assistenza

Visual customization options of Eye-Able depicted.Il software di assistenza Eye-Able consente un gran numero di personalizzazioni. Da un lato, le funzioni sono adattabili al rispettivo sito web, dall'altro è possibile modificare l'aspetto di Eye-Able. Di seguito, vi illustriamo le diverse possibilità offerte.

Posizione e dimensione dell'icona

Per impostazione predefinita, Eye-Able si trova in alto a destra del sito web. I nostri test utente hanno dimostrato che questa è la posizione in cui viene visualizzato al meglio. Eye-Able può anche essere posizionato a diverse altezze o sul lato sinistro del sito web.

Inoltre, le dimensioni dell'icona possono variare e consigliamo una dimensione compresa tra 50 e 70 pixel. Nelle applicazioni mobile, le dimensioni tra 40 e 50 pixel si sono dimostrate efficaci.Depiction of the option of changing the position of the Assist Icon.Lungo i rettangoli grigi è possibile inserire Eye-Able.

Se desideri posizionare Eye-Able in un altro luogo, è possibile anche questo. In tal caso, il software deve essere incorporato localmente nel sito web. Questo è descritto nel nostro articolo " Incorporare Eye-Able direttamente nella pagina "È inoltre possibile fornire icone o elementi personalizzati con la funzione Eye-Able.Depiction of the option to add own icons.Anche il distretto della Bassa Franconia ha integrato Eye-Able nella barra di navigazione.Depiction of Eye-Able on the Website of Diözese Würzburg.Nella diocesi di Würzburg, Eye-Able è integrato nella barra di navigazione.

Regolazioni del colore

Oltre alla posizione, il colore può essere regolato. Pertanto è possibile utilizzare i colori del proprio CI e Eye-Able essere ben integrato nella pagina. Ad esempio, è possibile personalizzare il colore dell'icona e della barra degli strumenti.Example of option of changing the colour of the toolbar.Personalizzazione dell'icona e della barra degli strumenti su vinzenz-wuerzburg.deExample of option of changing the colour of the toolbar.Personalizzazione del colore di icone e barre degli strumenti nmosd.de

Oltre ai colori dell'icona e della barra degli strumenti, è possibile personalizzare anche i colori al passaggio del mouse e al focus. Un esempio è disponibile sul sito web. nmosd.deExample for customization of hover and focus colours.Qui il colore al passaggio del mouse è stato cambiato da nero a giallo. nmosd.deExample for customization of hover and focus colours.Quando questa funzione è attivata, appare in blu. nmosd.de

Diverse icone

3 different Icon options for Eye-Able

Ecco tre icone che vi proponiamo.

Offriamo tre diverse icone tra cui scegliere di default. Tra queste, consigliamo la terza versione, in quanto si tratta di un'icona di accessibilità comune e quindi facilmente riconoscibile. Tuttavia, puoi anche scegliere una qualsiasi delle altre icone o usarne una tua. Incorporandola nel sito web , ogni elemento del sito web può essere dotato della funzionalità Eye-Able .

Personalizzazione dell'ambito delle funzioni

Offriamo una vasta gamma di funzioni, tuttavia non tutte vengono utilizzate allo stesso modo. Per questo motivo, alcune funzioni si trovano nel sottomenu "Altre funzioni". Ad eccezione dell'anteprima, dell'ingrandimento del carattere, della modalità di contrasto e della funzione di lettura ad alta voce, anche le altre funzioni possono essere spostate in questo sottomenu.Example that functions can be moved to the submenuQui le funzioni "Modalità Notte" e "Filtro Blu" sono state spostate al secondo livello. roche.de

Modifiche alle etichette

Oltre all'aspetto visivo, ci piace personalizzare anche le etichette, dal tooltip alle etichette delle singole funzioni.Example picture of customization of the labels.T il tooltip con etichette individuali. vinzenz-wuerzburg.de

Icone personalizzate nella barra degli strumenti

Utilizziamo icone diverse per le varie funzioni, che dovrebbero rappresentarle visivamente. Tuttavia, siamo anche lieti di utilizzare icone personalizzate che corrispondano all'aspetto grafico della pagina in questione.Example for using individual icons.In questo caso è stato utilizzato un set di icone personalizzato per le diverse funzioni. essen.de

Puoi effettuare queste impostazioni autonomamente

Nella nostra area clienti offriamo la possibilità di effettuare alcune modifiche in autonomia. Qui è possibile modificare le dimensioni e la posizione dell'icona, nonché impostare il colore dell'icona e della barra degli strumenti. È anche possibile personalizzare alcune funzioni per i singoli elementi. Per farlo, accedi alla scheda "Software di assistenza" e fai clic sul pulsante "Personalizza aspetto" per il dominio desiderato. Si aprirà una finestra pop-up in cui potrai effettuare le modifiche.Example for changing the position, size and color of the icon itself in the dashboard.Nella dashboard è possibile modificare la posizione, le dimensioni e il colore dell'icona stessa.

Eye-Able offre numerose possibilità di personalizzazione. Non esitate a contattarci se desiderate personalizzare Eye-Able per il vostro sito. Saremo lieti di fornirvi la nostra consulenza!

Sebastian Fjeld

Sebastian Fjeld has been part of the team as a professional voiceover artist and copywriter at Eye-Able® since the beginning. He studied voice acting at a university and was trained by actors. Currently he is completing his education as an interpreter for various languages.

Altri contributi

Se può essere un po' di più

Filtro

Filtra per categoria

Conferma la tua selezione con il pulsante alla fine dell'elenco dopo aver scelto le categorie.

Reimposta filtri

Gruppo VéGé sceglie Eye-Able come partner tecnologico per un ecosistema digitale più equo e vicino alle persone

Leggi la storia

Iperal sceglie Eye-Able® per costruire un digitale senza barriere.

Leggi la storia

L’accessibilità parte dal file di design: arriva il plugin Eye-Able per Figma

Leggi la storia

Accessibilità digitale: il 2026 sarà l'anno dei controlli

Leggi la storia

Hai bisogno di maggiori informazioni?

Contattaci e saremo lieti di aiutarti.

a man with down syndrome shows a woman something on the computer. they both laugh