Phaser Design Ltd
Stato di conformità
Crediamo fermamente che internet debba essere disponibile e accessibile a chiunque, e ci impegniamo a fornire un sito web accessibile al pubblico più ampio possibile, indipendentemente dalle circostanze e dalle capacità.
Per ottenere questo obiettivo, ci proponiamo di aderire il più strettamente possibile alle Linee Guida sull'Accessibilità dei Contenuti Web 2.1 (WCAG 2.1) del World Wide Web Consortium (W3C) al livello AA. Queste linee guida spiegano come rendere il contenuto web accessibile a persone con diverse disabilità. Conformarsi a tali linee guida ci aiuta a garantire che il sito web sia accessibile a tutte le persone: persone non vedenti, persone con disabilità motorie, visive, cognitive e altro ancora.
Questo sito web utilizza diverse tecnologie destinate a renderlo il più accessibile possibile in ogni momento. Utilizziamo un'interfaccia di accessibilità che consente alle persone con disabilità specifiche di regolare l'UI (interfaccia utente) del sito web e di progettarla secondo le loro esigenze personali.
Inoltre, il sito web utilizza un'applicazione basata sull'Intelligenza Artificiale che funziona in background e ottimizza costantemente il suo livello di accessibilità. Questa applicazione rimedia l'HTML del sito web, adatta la sua funzionalità e comportamento per i lettori di schermo utilizzati dagli utenti non vedenti e per le funzioni di tastiera utilizzate da persone con disabilità motorie.
Se hai riscontrato un malfunzionamento o hai idee per migliorare, saremo felici di sentirti. Puoi contattarci scrivendo a info@phaserdesign.net
Lettore di schermo e navigazione con tastiera
Il nostro sito web implementa la tecnica delle attribuzioni ARIA (Accessible Rich Internet Applications) insieme a diversi cambiamenti comportamentali per garantire che le persone cieche o ipovedenti che utilizzano lettori di schermo possano leggere, comprendere e usufruire di tutte le funzioni del sito web. Non appena non una persona con un lettore di schermo entra nel sito, riceve immediatamente un prompt per inserire il profilo del lettore di schermo in modo da poter navigare e operare nel sito in modo efficace.
Ecco come il nostro sito web copre alcuni dei requisiti più importanti del lettore di schermo, insieme a screenshot della console di esempi di codice:
1) Ottimizzazione del lettore di schermo: eseguiamo un processo in background che apprende i componenti del sito web dall'alto verso il basso, per garantire la conformità continua anche durante gli aggiornamenti del sito. In questo processo, forniamo ai lettori di schermo dati significativi utilizzando l'insieme di attributi ARIA. Ad esempio, forniamo etichette accurate per i moduli; descrizioni per icone azionabili (icone dei social media, icone di ricerca, icone del carrello, ecc.); indicazioni di convalida per gli input dei moduli; ruoli degli elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo in background analizza tutte le immagini del sito web e fornisce una descrizione precisa e significativa basata sul riconoscimento di oggetti per le immagini non descritte. Estrarrà anche i testi incorporati nell'immagine utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare gli aggiustamenti del lettore di schermo in qualsiasi momento, gli utenti devono premere solo la combinazione di tasti Alt+1. Chi utilizza il lettore di schermo riceve anche annunci automatici per attivare la modalità lettore di schermo non appena entra nel sito.
Questi aggiustamenti sono compatibili con tutti i lettori di schermo popolari, inclusi JAWS e NVDA.
2) Ottimizzazione della navigazione con tastiera: il processo in background regola anche l'HTML del sito web e aggiunge vari comportamenti utilizzando il codice JavaScript per rendere il sito web operabile tramite la tastiera. Ciò include la possibilità di navigare nel sito web utilizzando i tasti Tab e Shift+Tab, operare menu a discesa con i tasti freccia, chiuderli con Esc, attivare pulsanti e collegamenti con il tasto Invio, navigare tra elementi radio e checkbox utilizzando i tasti freccia e compilarli con il tasto Spazio o Invio. Inoltre, chi utilizza la tastiera troverà menu di navigazione rapida e di salto del contenuto, disponibili in qualsiasi momento cliccando Alt+1 o come primi elementi del sito durante la navigazione con la tastiera. Il processo in background gestisce anche i popup attivati spostando il focus della tastiera verso di loro non appena appaiono e non consente al focus di spostarsi al di fuori di essi.
Si possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.
Profili di disabilità supportati nel nostro sito web
Modalità sicura per l'epilessia: questo profilo consente alle persone con epilessia di utilizzare il sito web in modo sicuro eliminando il rischio di crisi causate da animazioni lampeggianti o abbinamenti di colori rischiosi.
Modalità per persone ipovedenti: questa modalità adatta il sito web per la comodità di persone con problemi visivi come deterioramento della vista, visione a tunnel, cataratta, glaucoma e altri.
Modalità per disabilità cognitive: questa modalità fornisce diverse opzioni di assistenza per aiutare le persone con disabilità cognitive come dislessia, autismo, ictus ecc., a concentrarsi più facilmente sugli elementi essenziali del sito web.
Modalità ADHD friendly: questa modalità aiuta le persone ADHD e con neurodivergenza a leggere, navigare e concentrarsi più facilmente sugli elementi principali del sito web riducendo significativamente le distrazioni.
Modalità per persone cieche o ipovedenti: questa modalità configura il sito web per essere compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack. Un lettore di schermo è un software installato su computer e smartphone, e i siti web devono essere compatibili con esso.
Profilo di navigazione con tastiera (disabilità motoria): questo profilo consente alle persone con disabilità motorie di navigare il sito web utilizzando i tasti Tab, Shift+Tab e Invio. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.
Ulteriori aggiustamenti per UI, design e leggibilità
1) Regolazioni del carattere: si possono aumentare e diminuire la dimensione del carattere, cambiare lo stile, regolare la spaziatura, l'allineamento, l'altezza della linea e altro ancora.
2) Regolazioni del colore: si possono selezionare vari profili di contrasto colore come chiaro, scuro, invertito e monocromatico. Inoltre, è possibile scambiare schemi di colore di titoli, testi e sfondi, con oltre sette opzioni di colorazione diverse.
3) Animazioni: le persone con epilessia possono interrompere tutte le animazioni in esecuzione con un clic. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni lampeggianti CSS.
4) Evidenziazione del contenuto: si può scegliere di enfatizzare elementi importanti come collegamenti e titoli. E si può anche scegliere di evidenziare solo gli elementi focalizzati o passati con il mouse.
5) Spegnimento audio: chi utilizza dispositivi uditivi può sperimentare mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente loro di silenziare l'intero sito web istantaneamente.
6) Disturbi cognitivi: utilizziamo un motore di ricerca collegato a Wikipedia e Wiktionary, consentendo alle persone con disturbi cognitivi di decifrare significati di frasi, iniziali, gergo e altri.
7) Funzioni aggiuntive: forniamo la possibilità di cambiare il colore e le dimensioni del cursore, utilizzare una modalità di stampa, abilitare una tastiera virtuale e molte altre funzioni.
Compatibilità del browser e delle tecnologie assistive
Miriamo a supportare la più ampia gamma possibile di browser e tecnologie assistive, in modo che chi naviga in questo sito possa scegliere gli strumenti più adatti, con il minor numero possibile di limitazioni. Ecco perché abbiamo lavorato duramente per supportare tutti i principali sistemi che costituiscono oltre il 95% della quota di mercato degli utenti, tra cui Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (lettori di schermo).
Note, commenti e feedback
Nonostante i nostri migliori sforzi per consentire a chiunque di adattare il sito web alle proprie esigenze, potrebbero comunque esserci pagine o sezioni non completamente accessibili, in fase di accessibilità o prive di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, stiamo migliorando continuamente la nostra accessibilità, aggiungendo, aggiornando e migliorando le opzioni e le funzionalità, e sviluppando e adottando nuove tecnologie. Tutto ciò è finalizzato a raggiungere il livello ottimale di accessibilità, seguendo gli sviluppi tecnologici. Per qualsiasi assistenza, ti preghiamo di scriverci a info@phaserdesign.net
Compliance Status
We firmly believe that the internet should be available and accessible to everyone, and we are committed to providing a website that is accessible to the widest possible audience, regardless of circumstances and abilities.
To achieve this goal, we aim to adhere as closely as possible to the Web Content Accessibility Guidelines 2.1 (WCAG 2.1) set forth by the World Wide Web Consortium (W3C) at level AA. These guidelines explain how to make web content accessible to people with various disabilities. Complying with these guidelines helps us ensure that the website is accessible to all individuals: blind people, those with motor, visual, cognitive disabilities, and more.
This website uses various technologies aimed at making it as accessible as possible at all times. We utilize an accessibility interface that allows individuals with specific disabilities to adjust the UI (user interface) of the website and design it according to their personal needs.
Additionally, the website uses an AI-based application that works in the background and constantly optimizes its accessibility level. This application remediates the HTML of the website, adapting its functionality and behavior for screen readers used by blind users and for keyboard functions utilized by individuals with motor disabilities.
If you encounter a malfunction or have ideas for improvement, we would be happy to hear from you. You can contact us by writing to info@phaserdesign.net
Screen Reader and Keyboard Navigation
Our website implements ARIA (Accessible Rich Internet Applications) attributes along with various behavioral changes to ensure that blind or visually impaired individuals using screen readers can read, understand, and utilize all functions of the website. As soon as a person with a screen reader enters the site, they immediately receive a prompt to input their screen reader profile so they can navigate and operate on the site effectively.
Here’s how our website covers some of the most important requirements for screen readers, along with screenshots of code examples:
1) Screen Reader Optimization: We run a background process that learns the components of the website from top to bottom, ensuring continuous compliance even during site updates. In this process, we provide screen readers with meaningful data using the ARIA attribute set. For example, we provide accurate labels for forms; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation indications for form inputs; roles for elements like buttons, menus, modal dialog windows (popups), and others. Additionally, the background process analyzes all images on the website and provides an accurate and meaningful description based on object recognition for uncaptioned images. It will also extract text embedded in images using OCR (Optical Character Recognition) technology. To activate screen reader adjustments at any time, users need only press the Alt+1 key combination. Those using screen readers also receive automatic announcements to activate screen reader mode as soon as they enter the site.
These adjustments are compatible with all popular screen readers, including JAWS and NVDA.
2) Keyboard Navigation Optimization: The background process also adjusts the HTML of the website and adds various behaviors using JavaScript code to make the website operable via keyboard. This includes navigating through the website using Tab and Shift+Tab keys, operating dropdown menus with arrow keys, closing them with Esc, activating buttons and links with Enter key, navigating between radio buttons and checkboxes using arrow keys and filling them in with Space or Enter key. Additionally, keyboard users will find quick navigation menus and content skip options available at any time by clicking Alt+1 or as first items on the site during keyboard navigation. The background process also manages popups by moving keyboard focus to them as soon as they appear and prevents focus from moving outside of them.
Shortcuts such as "M" (menu), "H" (headings), "F" (forms), "B" (buttons), and "G" (graphics) can also be used to jump to specific elements.
Supported Disability Profiles on Our Website
Safe Mode for Epilepsy: This profile allows individuals with epilepsy to use the website safely by eliminating the risk of seizures caused by flashing animations or risky color combinations.
Mode for Visually Impaired Individuals: This mode adapts the website for the comfort of individuals with visual issues such as vision deterioration, tunnel vision, cataracts, glaucoma, and others.
Cognitive Disability Mode: This mode provides various assistance options to help individuals with cognitive disabilities such as dyslexia, autism, stroke etc., focus more easily on essential elements of the website.
ADHD Friendly Mode: This mode helps individuals with ADHD and neurodivergence read, navigate, and focus more easily on key elements of the website while significantly reducing distractions.
Mode for Blind or Visually Impaired Individuals: This mode configures the website to be compatible with screen readers like JAWS, NVDA, VoiceOver, and TalkBack. A screen reader is software installed on computers and smartphones that websites must be compatible with.
Keyboard Navigation Profile (Motor Disability): This profile allows individuals with motor disabilities to navigate the website using Tab keys, Shift+Tab keys, and Enter key. Users can also use shortcuts like "M" (menu), "H" (headings), "F" (forms), "B" (buttons), and "G" (graphics) to jump to specific elements.
Additional Adjustments for UI, Design, and Readability
1) Font Adjustments: Users can increase or decrease font size, change style, adjust spacing, alignment, line height, and more.
2) Color Adjustments: Users can select various color contrast profiles such as light, dark, inverted, and monochrome. Additionally, color schemes for titles, text backgrounds can be swapped out with over seven different coloring options.
3) Animations: Individuals with epilepsy can stop all running animations with a click. Interface-controlled animations include videos, GIFs, and flashing CSS transitions.
4) Content Highlighting: Users can choose to emphasize important elements such as links and titles. They can also choose to highlight only focused or hovered elements.
5) Audio Muting: Those using hearing devices may experience headaches or other issues due to autoplaying audio... This option allows them to mute the entire website instantly.
Cognitive Disorders: We use a search engine linked to Wikipedia and Wiktionary allowing people with cognitive disorders to decipher meanings of phrases, acronyms, jargon etc.
Additional Features: We provide options to change cursor color and size; use a print mode; enable a virtual keyboard; among many other features.
Browser Compatibility and Assistive Technologies
We aim to support as wide a range of browsers and assistive technologies as possible so that those navigating this site can choose tools best suited for them with minimal limitations. That’s why we have worked hard to support all major systems constituting over 95% of user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge; JAWS; NVDA (screen readers).
Notes, Comments & Feedback
Despite our best efforts to enable anyone to adapt the website according to their needs there may still be pages or sections not fully accessible or lacking an adequate technological solution for making them accessible. However we are continuously improving our accessibility by adding updating enhancing options & features while developing adopting new technologies aimed at achieving optimal accessibility levels following technological advancements. For any assistance please write us at info@phaserdesign.net