Retroscena
Progressi dell'IA: ChatGPT (2025) è più stupido di Shrdlu (1970)
di David Lee
digitec per dislessici: una barriera in meno su Internet
26.1.2019
Traduzione: Leandra Amato
Le persone dislessiche hanno difficoltà a interpretare correttamente lettere e parole. Ciò rende difficile, o in alcuni casi quasi impossibile, l’interazione con Internet. Personalmente la situazione non mi piace. Quindi ho realizzato un’estensione per browser che dovrebbe fornire un rimedio.
Prima di iniziare con l'articolo, una cosa importante: se sei dislessico, ho un’estensione del browser che fa per te. Sostituisce il font Roboto o Arial con un font progettato per persone dislessiche.
Ecco come funziona:
- Scarica Google Chrome
- Installa l’estensione del browser
- Ricarica digitec.ch o questa pagina
- Finito
Passiamo ora all'articolo vero e proprio, che si spera venga letto da più persone possibili.
Il mondo delle barriere digitali
Infatti, rifletti un attimo: i dislessici, a seconda della natura della dislessia, sono limitati su siti di notizie, Reddit, Pornhub o Wikipedia. La tua giornata tipica su Internet può essere una barriera per qualcun altro.
Non va affatto bene.
È ora di superare questa barriera.
Comic Sans: il soccorritore in caso di difficoltà
La sorella è dislessica e ha superato la scuola con difficoltà. Tuttavia, da quando può impostare in Comic Sans tutti i testi con il suo computer, può leggere più facilmente.
Hudgins è solo una dei tanti sostenitori online che vogliono rendere il web accessibile alle persone dislessiche. Delle teste brillanti hanno iniziato ad analizzare la dislessia.
- Cosa rende un carattere leggibile rispetto a un altro?
- Quali elementi condividono i font leggibili?
- Cosa non va?
- Come possiamo rimediare in ampia scala?
La dislessia infatti non può essere generalizzata. Alcuni dislessici non sanno distinguere tra la I maiuscola e la l minuscola, mentre altri distorcono le lettere.
Il profitto ai costi di una disabilità
Nel suo discorso a Ted X Fulton Street descrive come i dislessici percepiscono la parola scritta. Nel cervello, le lettere vengono distorte, riflesse o scambiate. Se le lettere ruotate hanno l'aspetto di altre lettere, allora il pasticcio è servito. La d minuscola e la b minuscola sono perfette candidate per lo scambio. I e l, p e q, rn e m e alcune altre.
C’è solo un problema: il carattere costa circa 11.42 franchi all’anno per clienti privati. Per le aziende ancora di più. Estensione Chrome? Costa. Text editor? Costa.
Per molti, compreso il sottoscritto, il fatto che Boer faccia soldi con la sua, nonché anche di altri, disabilità non va bene.
Open Source: supereroe nelle difficoltà
Come concorrente del Dyslexie Font arriva Open Dyslexic. Poiché Boer persegue interessi commerciali con la sua scrittura, esclude coloro che non possono permettersi il lusso della lettura. In Svizzera non accade spesso, ma il mondo è un po’ più grande del nostro piccolo angolo di pianeta.
Pertanto, per il mio progetto, ho utilizzato OpenDyslexic; per pura convinzione e non voglio che ognuno di voi paghi 12 franchi per leggere su Internet.
Il grande “ma”
La dislessia non ha una diagnosi uniforme. Frasi come «Ogni persona dislessica scambia d e b» sono false. Quindi è difficile trovare strumenti unitari in grado di aiutare tutti i dislessici. Non ha senso gettare la spugna. Per questo, la seguente storia con il plugin del browser arriva con un “ma”, che potrebbe anche deluderti: potrebbe non funzionare per te o per tuo figlio.
IMAGE BETTERWORSE
Anche Hudgins lo dice: sua sorella, infatti, non lascia da parte il Comic Sans neanche con l’invenzione di Dyslexie Font. Il suo cervello si è abituato al Comic Sans e quindi per lei il carattere speciale è più difficile del font deriso di Microsoft.
Ciononostante: se con il mio plugin posso aiutare qualcuno, ben venga. E se sei anche tu una persona dislessica, o se hai un parente dislessico, provalo.
Ecco come creare la tua estensione Chrome
Dopo aver visto quali caratteri sono adatti ai dislessici e perché, possiamo iniziare a lavorare sull’estensione. Questo è più veloce della ricerca. Infatti Google ti rende facile il lavoro per creare la tua estensione. Per la mia estensione per dislessici ti servono, oltre a un paio di immagini, due file:
extension/ ├── img/ │ ├── dig16.png │ ├── dig24.png │ └── dig32.png ├── manifest.json └──styles.css
manifest.json: le funzioni dell’estensione
I dati PNG sono per il pulsante in alto nel menu. La funzione viene prestabilita in manifest.json. Prima di specificare la funzione effettiva, a Chrome deve essere detto esattamente cosa fa l'estensione e come si chiama.
Quindi, per prima cosa, abbiamo gli entry data che dicono al computer di che tipo di file si tratta:
{ "manifest_version": 2,
La prima parentesi graffa viene chiusa alla fine del json. Niente panico. È tutto corretto. Seguono le istruzioni per il Chrome Web Store dove si trova l’estensione alla fine.
"name": "Digitec Galaxus Dyslexic Accessibility", "version": "0.11", "description": "Being dyslexic can hinder you from reading content on a website. Nowhere is this more vital than when you spend money online. This extension exists to improve accesibility to the sites of Switzerland's largest online shops, digitec.ch and galaxus.ch",
Poi arriva il resto, dove vengono specificati funzione e aspetto.
"browseraction": { "defaulticon": { // optional, standard icon in the menu bar "16": "img/dig16.png", // optional, small icon "24": "img/dig24.png", // optional, middle icon "32": "img/dig32.png" // optional, large icon }, "default_title": "Digitec Galaxus Dyslexic Accessibility", // optional, shown in tooltip }
}
E questo è già manifest.json. Le righe importanti sono:
- css: qui dico al browser dove trovare il carattere.
- matches: qui definisco su quali siti può essere caricata l’estensione.
styles.css: carattere più URI
OpenDyslexic non fa parte dei caratteri standard mondiali e Google non ha questo font nemmeno sulla sua lista di caratteri aperti. Quindi dobbiamo adattare il carattere allo stylesheet in modo diverso. Utilizzo un URI.
Un URI è una sequenza di caratteri che identifica una risorsa, solitamente codificata in Base64. Ovvero: posso dare a un CSS un font intero senza doverlo ospitare da qualche parte. L’URI è lungo, per questo lo accorcio. Se vuoi vederlo in tutta la sua epica lunghezza, puoi vedere tutti i file dell’estensione nel GitHub Repository.
Il CSS ha questo aspetto:
@font-face { font-family: 'mobiledyslexic-opendyslexic-regular'; src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAF0oABMAAAAA… ') format('woff'); }
/*
- Force OpenDyslexic font to every element except some well known glyphs. *
- .el == Elusive Icons
- .fa == Font Awesome / :not(.el):not(.fa):not([class="Icon"]):not([class*="icon"]) { font-family: mobiledyslexic-opendyslexic-regular, sans-serif !important; }
Qui utilizzo i seguenti elementi:
L’errore nel mio ragionamento
Scrivendo, mi accorgo di aver commesso un errore nella concezione. Anche se a volte non me ne rendo conto, Internet si estende ben oltre digitec.ch e galaxus.ch. Così ho sviluppato una seconda estensione che funziona su tutti i siti web. È essenzialmente la stessa di quella di cui sopra, tranne che ho cambiato una riga in manifest.json.
"matches": ["https://", "https://"]
Puoi scaricare l’estensione che cambia l’intero Web in Open Dyslexic qui.
Finito. Buon divertimento. Se vuoi continuare ad armeggiare con il mio codice, serviti pure.
Un appello ai lettori, alle lettrici e alla Community
Abbiamo menti intelligenti tra i nostri lettori e le nostre lettrici, e in questo articolo probabilmente anche alcuni che vorrebbero avere certe funzionalità. Difficilmente riuscirò a soddisfare tutte queste richieste.
Se hai qualche ora e vedi una richiesta per un'estensione di accessibilità che puoi soddisfare, allora siediti e prenditi un po’ di tempo. Internet dovrebbe restare libero e accessibile. Per questo noi lettori normali a volte dobbiamo fare qualcosa.
Giornalista. Autore. Hacker. Sono un contastorie e mi piace scovare segreti, tabù, limiti e documentare il mondo, scrivendo nero su bianco. Non perché sappia farlo, ma perché non so fare altro.
Informatica
Segui gli argomenti e ricevi gli aggiornamenti settimanali relativi ai tuoi interessi.
Retroscena
Curiosità dal mondo dei prodotti, uno sguardo dietro le quinte dei produttori e ritratti di persone interessanti.
Visualizza tutti
