The Internet's Accessibility Problem — and How To Fix It | Clive Loseby | TED

Traduttore: Nicole Zecchini Revisore: Gabriella Patricola

Hi, everyone. I'm Clive Loseby

Buongiorno a tutti.

and I am passionate about changing the world,

Mi chiamo Clive Loseby e la mia passione è cambiare il mondo

one website at a time.

un sito web dopo l’altro.

As Dale said I was in a bad car crash a long time ago.

Come ha detto Dale, ho avuto un brutto incidente d’auto.

It left us all with life-changing injuries.

Ci ha lasciato con ferite che hanno cambiato la nostra vita,

And that's why accessibility and website accessibility

ed è per questo che l’accessibilità e l’accessibilità dei siti web

sono diventate la mia passione.

has become my passion.

A causa dell’incidente ho una pessima memoria,

The accident also left me with a very bad memory,

so please forgive me if I keep looking at my notes.

quindi perdonatemi se continuerò a guardare i miei appunti.

OK.

OK. Does everybody know what a cookie banner is?

Sapete tutti che cosa sono i cookie banner?

Those annoying banners that pop up on a website

Quei pop-up fastidiosi che compaiono in un sito web

asking for consent to put cookies into your browser?

e che richiedono il consenso per inserire i cookies nel vostro browser?

It may say something like, "This website uses cookies

Potrebbe ad esempio esserci scritto:

“Questo sito web utilizza i cookie per migliorare la navigazione.

to give you the best online experience.

Follow this link to confirm that you consent to this.”

Segui questo link per dare il tuo consenso.”

Does everyone know what I'm talking about?

Sapete tutti di cosa sto parlando?

(Audience: Yes!)

(Pubblico: Sì!)

Good. Right, now I want you to imagine

Ottimo.

Ora voglio che immaginiate un altro tipo di browser.

a different kind of browser.

This one says the following:

In questo si legge:

"This website is designed for white people only.

“Questo sito web è progettato solo per persone bianche.

Follow this link to confirm that you are white."

Segui questo link per confermare di essere bianco.”

Or, "This website is for men only.

Oppure:

“Questo sito web è solo per uomini.

Follow this link to confirm that you are a man."

Segui questo link per confermare di essere un uomo.”

Or, "This website is for straight people only.

Oppure:

“Questo sito web è solo per persone eterosessuali.

Follow this link to confirm that you are straight."

Segui questo link per confermare di essere eterosessuale.”

Or even, "This website is for people who have hair.

O addirittura:

“Questo sito web è per persone che hanno i capelli.

Follow this link to confirm you have hair."

Segui questo link per confermare di avere i capelli.”

OK.

OK.

These don't happen in the real world,

Tutto ciò non succede realmente,

but what I do need to tell you about is another banner that does exist

ma ciò di cui vi voglio parlare è un altro banner che esiste realmente

on over 97% of the world's websites.

in più del 97% dei siti web nel mondo.

“Questo sito web è per persone senza disabilità.

"This website is for people who are not disabled.

Follow this link to confirm that you are not disabled."

Segui questo link per confermare di non essere disabile.”

This may not be as apparent as the cookie banner.

Questo può non essere così evidente come il cookie banner.

Believe me, this banner exists.

Ma credetemi, questo banner esiste.

Ninety-seven point four percent of 1 million website home pages

Il 97,4% di un milione di home page di siti web,

tested last year

esaminate l’anno scorso, ha evidenti problemi di accessibilità.

had detectable accessibility failures.

So how many disabled people are there in the world?

Quante persone con disabilità ci sono al mondo?

In 2010, the World Health Organization

Nel 2010, l’Organizzazione mondiale della sanità,

estimated that 1 billion people on the planet

ha stimato che 1 miliardo di persone nel mondo

live with some form of disability,

vive con qualche forma di disabilità,

with over 110 million having highly significant difficulties in functioning.

e più di 110 milioni delle quali con notevoli difficoltà di funzionamento.

We are talking about a lot of people.

Stiamo parlando di molte persone.

They also would like to use the web as much as you or I do.

Anche loro vorrebbero usare internet quanto lo fate voi o io stesso.

They also want to become your customers and spend money with you,

Vogliono anche diventare vostri clienti e spendere soldi per voi,

if you make it possible for them to do so.

se rendete loro possibile fare ciò.

The title of this talk is a direct quote from somebody I met last year.

Il titolo del mio intervento sono parole che mi ha detto una persona l’anno scorso.

She works in health, safety, employee well-being

Lavora nell’ambito della salute, sicurezza e benessere dei dipendenti

and has done for 20 years,

e fa questo lavoro da 20 anni,

so she has a real understanding of inclusivity.

quindi sa bene cosa significa inclusività.

Lovely, caring person,

É una persona adorabile e premurosa,

but she just could not understand how blind people could use the internet

ma non riusciva a capire come le persone cieche potessero usare internet

because they couldn't see the screen.

dato che non possono vedere lo schermo.

I explained to her what a screen reader was

Le ho spiegato cosa fosse uno screen reader

and she got it.

e ha capito.

A screen reader, by the way,

A proposito, uno screen reader

is a piece of software that reads out the content of a website

è un software che legge ad alta voce i contenuti di un sito web,

using a computerized voice.

utilizzando una voce computerizzata.

If you're blind, you can't use a mouse because you can't see where to put it.

Se sei cieco, non puoi usare il mouse, perché non sai dove stai puntando.

So you will use your keyboard instead in conjunction with the screen reader.

Userai invece la tastiera in combinazione con lo screen reader.

It's not that easy to do

Non è così facile da fare,

but cookie banners make life so much worse.

ma i cookie banner rendono la vita ancora più difficile.

And in some cases, they actually prevent blind people

In alcuni casi, impediscono infatti alle persone cieche

from accessing the website beyond it.

di accedere al sito web dietro di essi.

We are in the year 2022.

Siamo nel 2022.

Le prime linee guida

The first set of guidelines for websites

per assicurare che i siti web rispondano alle esigenze delle persone con disabilità

to help ensure that they met the needs of disabled people

were released quite recently, actually, in 1999.

sono state rilasciate abbastanza di recente.

Nel 1999.

A mere 23 years ago.

Appena 23 anni fa.

Yep. I'm not joking.

Esatto. Non sto scherzando.

All the information has been available to everyone since then.

Da quel momento, le informazioni sono accessibili a tutti.

It is also a legal requirement in most countries,

Nella maggior parte dei Paesi, sono un obbligo legale,

but above everything else,

ma prima di tutto,

it helps every business and every organization

queste informazioni aiutano ogni azienda e ogni organizzazione

become more inclusive.

a diventare più inclusive.

And yet, 97% of websites

Eppure, il 97% dei siti web

contained detectable accessibility failures last year.

l’anno scorso presentava evidenti problemi di accessibilità.

Think of a website as a building,

Immaginate un sito web come se fosse un edificio,

it becomes even more obvious.

e tutto diventerà più chiaro.

After all, websites are physical buildings.

Dopotutto, i siti web sono edifici fisici.

They're your window on the world, aren't they?

Sono le nostre finestre sul mondo, no?

Legislation for access to physical buildings

La legislazione per l’accesso agli edifici fisici

has always made allowances for very old buildings

ha sempre fatto concessioni agli edifici molto vecchi,

where it's simply not possible to make them fully accessible

i quali non possono essere resi completamente accessibili

for people with disabilities.

alle persone con disabilità.

We all understand that.

Lo capiamo tutti.

So actually, I think it's perfectly fair

Quindi è anche giusto

that you shouldn't expect a website over 23 years old

non aspettarsi che, a sua volta, un sito web di più di 23 anni fa

to cater for disabled people either.

soddisfi le esigenze di persone con disabilità.

I'm actually not sure the last time I went on a website

In realtà non mi ricordo l’ultima volta in cui ho visitato

that was over 23 years old.

un sito web di oltre 23 anni.

But what about five years old or about three years old?

E per quanto riguarda quelli di cinque o tre anni fa?

Quelli dell’anno scorso? Quelli di quest’anno?

What about last year? This year?

Typically, websites get replaced every three to five years

Solitamente i siti web vengono sostituiti ogni tre o cinque anni,

as a new one is built to cater for the latest trends.

perché ne viene creato uno nuovo per soddisfare le nuove tendenze.

Is it really OK that websites that are recently built

É però davvero accettabile che i siti web creati recentemente

are still inaccessible for disabled people?

siano ancora inaccessibili alle persone con disabilità?

If not now, when?

Se non ora, quando?

OK, ma cosa significa web design accessibile?

OK, so what does accessible web design actually mean?

Date un’occhiata a queste porte.

Please take a look at these doors.

They both go into the same building.

Entrambe danno accesso allo stesso edificio.

Both sets of doors have level access.

Entrambe le porte hanno accesso a livello.

The door on the left slides open automatically as you approach it.

La porta a sinistra scorre e si apre automaticamente quando ci si avvicina.

Le porte sulla destra devono essere aperte tirandole.

The doors on the right have to be pulled open.

I would like to ask you all a question,

Vorrei farvi una domanda,

and if you are able,

e se riuscite,

I would like you to either raise your left hand

mi piacerebbe che alzaste la mano sinistra

or your right hand in answer.

o la mano destra per rispondere.

Imagine you're in a wheelchair and you want to enter this building.

Immaginate di essere in sedia a rotelle e di volere entrare in questo edificio.

Which of the doors do you think you would be most likely to use?

Quale delle due porte sareste più propensi ad utilizzare?

The automatic doors on the left or the heavy doors on the right?

Le porte automatiche sulla sinistra o le porte pesanti sulla destra?

Potete alzare la mano sinistra o la mano destra a seconda della risposta?

Could you please raise your left or your right hand accordingly?

Bene, possiamo dire che la maggioranza è per la porta a sinistra.

Well, I think it's fair to say the consensus is on the left. Interesting.

Interessante.

OK. Now instead of being in a wheelchair, you're using a walking frame,

Ora, invece di una sedia a rotelle, state usando un deambulatore,

so you can walk,

quindi potete camminare,

but you need to have both of your hands on the frame.

ma dovete tenere entrambe le mani sul deambulatore.

Which set of doors do you think you would be likely to use now?

Quale porta utilizzereste ora?

Potete alzare la mano se potete?

Could you raise your hands if you're able to?

I'm really surprised. Everyone's going left.

Sono molto sorpreso.

Tutti scegliereste la sinistra, ok.

OK. Right.

Bene.

Now you're pushing a child in a pushchair so you can walk quite normally,

Ora state spingendo un bambino in un passeggino,

quindi potete camminare normalmente,

but you've got a pushchair and both of your hands on it.

ma avete un passeggino ed entrambe le mani su di esso.

Quale porta scegliereste ora?

Which set of doors now?

Left or right?

Sinistra o destra?

I'm staggered.

Sono stupito.

OK. Final example.

OK.

Ultimo esempio.

Let's assume that you've actually gone in through the doors on the right.

Immaginiamo che siate entrati nell’edificio dalle porte sulla destra.

You're coming out, you want to come out the building,

State uscendo, volete uscire dall’edificio,

ma avete scatole di documenti sotto entrambe le braccia.

but you've actually got boxes of files under both arms.

Which of the doors would you go then?

Verso quale porta andreste?

Yeah. Hmm.

Bene.

Sono veramente stupito.

I'm really staggered.

In pretty much every example

In quasi tutti gli esempi,

pretty much everybody raised your left hand.

praticamente tutti avete alzato la mano sinistra.

Why was this?

Perché?

Dopotutto, siete liberi di scegliere la porta da usare ogni volta.

After all, you’re free to choose which door to use at each time.

Perché così tante persone hanno scelto la porta automatica?

Why would so many people go for an automatic door?

Maybe because it's easier.

Forse perché è più semplice da usare.

Nobody's forcing you to use it.

Nessuno vi sta obbligando ad usarla.

It's there as an alternative to the other doors.

É lì come alternativa alle altre porte.

Accessible web design is exactly the same,

Il web design accessibile è esattamente la stessa cosa,

offering people with different needs

offre alle persone con diversi bisogni

alternative ways of using a website to get the same information.

modi alternativi per usare un sito web per accedere alle stesse informazioni.

La maggior parte dei Paesi nel mondo ha delle leggi antidiscriminazione,

Most countries around the world have anti-discrimination laws,

e i siti web sottostanno a queste leggi.

and websites fall under these laws.

However, for me, it's not about complying with the law.

Tuttavia, per me, non si tratta di osservare la legge.

It is about becoming more inclusive, more welcoming to everyone,

Si tratta di diventare più inclusivi, più accoglienti verso tutti,

regardless of their ability or their disability.

indipendentemente dalla loro abilità o disabilità.

Disabled people have money to spend on your goods and services

Le persone con disabilità hanno soldi da spendere nei vostri prodotti e servizi

and if they can't spend it with you,

e se non possono spenderli da voi,

lo faranno da qualcun altro.

they're going to spend it with somebody else.

Quindi, cosa dovreste fare per quanto riguarda il vostro sito web?

So what should you do with regard to your own website?

Well, you need to have two things.

Allora, avete bisogno di due cose.

Dovete eseguire un audit, una valutazione del sito web

You need to have an audit of your website,

e poi dovete inserire una dichiarazione di accessibilità.

and then you need to put

an accessibility statement on your website.

I'll explain what I mean in this photograph.

Vi spiego cosa intendo con l’aiuto di questa foto.

This hotel, it's a beautiful building.

Questo hotel è un bellissimo edificio.

Ci sono posti a sedere al piano inferiore e a quello superiore.

There’s downstairs seating. There’s upstairs seating.

There's beautiful staircases everywhere, but unfortunately, there isn't a lift.

Ci sono delle bellissime scalinate, ma purtroppo non c’è un ascensore.

Il ristorante è gestito da una società di catering esterna.

The restaurant itself is run by an outside catering company.

It's not their fault there's no lift.

Non è colpa loro se non c’è un ascensore.

It's not their building, they're just renting the space.

Non è il loro edificio, stanno solo affittando lo spazio.

However, if you're in a wheelchair, you can't use the upstairs seating.

Tuttavia, se sei in sedia a rotelle,

non puoi usare i posti a sedere al piano superiore.

But if there was a sign near the entrance saying something like,

Ma, se ci fosse stato un cartello vicino all’ingresso

con scritto ad esempio:

"Patrons in wheelchairs, please note that although we've got upstairs seating,

“Informiamo i clienti in sedia a rotelle che non è presente un ascensore,

nonostante ci siano posti a sedere al piano superiore.

we do not have a lift.

However, we do have some reserved seating for you

Sono però disponibili posti riservati per voi

with extra turning space and raised tables."

con ampio spazio di manovra e tavoli rialzati.”

Think about raised tables.

Pensate ai tavoli rialzati.

If you're in a wheelchair and you try to go into a restaurant anywhere,

Se sei in sedia a rotelle e vai in un ristorante qualsiasi,

you can't quite get under the table.

non riuscirai a stare al tavolo.

Easily fixed, just put them on some small wooden blocks.

Si risolve facilmente: basta metterli su piccoli blocchi di legno.

Anyway, if you just put up that sign,

In ogni caso, se ci fosse questo cartello,

somebody in a wheelchair who reads that sign,

un persona in sedia rotelle che lo legge

are they going to feel more or less included?

si sentirebbe più o meno inclusa?

The cost of doing this is almost nothing, but the effect is huge.

Il costo di fare ciò è quasi nullo, ma l’effetto è enorme.

Non è colpa della compagnia di catering se non c’è l’ascensore.

It's not the catering companies fault there's no lift.

They've just gone out of their way to offer an alternative

Ha solo fatto di tutto per offrire un’alternativa

despite the limitations of the hotel.

nonostante i limiti dell’hotel.

In other words, the catering company themselves

In altre parole, la compagnia di catering stessa

have become more welcoming, inclusive and accessible.

è diventata più accogliente, inclusiva e accessibile.

Quindi la prima parte della storia,

So the first part of this story

quando ho detto che il ristorante ha posti al piano superiore

where I explained the restaurant has upstairs seating, but no lift.

ma nessun ascensore,

That could be seen as an audit.

può essere considerata un audit.

"We realize there's no lift to the upstairs seating

“Sappiamo che non c’è l’ascensore per i posti al piano superiore

so disabled people in wheelchairs cannot use it."

quindi le persone con disabilità in sedia a rotelle non possono usarli.”

But the sign at the entrance telling everyone

Ma il cartello all’ingresso, che informa

that there is accessible seating downstairs as an alternative

che ci sono posti a sedere accessibili al piano inferiore come alternativa,

is like their accessibility statement.

è la loro dichiarazione di accessibilità.

"We've discovered that wheelchair users cannot use the upstairs seating.

“Chi usa la sedia a rotelle non può usare i posti al piano superiore.

This is what we've done instead."

Ecco cosa abbiamo fatto in alternativa.”

So how does all this apply to a website?

Ma come tutto ciò si applica ai siti web?

Well, as far as the audit goes,

Per quanto riguarda l’audit,

you can either pay somebody or you can do it yourself.

potete o pagare qualcuno o farlo voi stessi.

And the same goes for an accessibility statement.

E lo stesso vale per la dichiarazione di accessibilità.

Sadly, I don’t have time to go into the details

Purtroppo non ho tempo per entrare nei dettagli,

but I do want to say one thing.

ma voglio dire una cosa.

Make your accessibility statement real.

Rendete reale la vostra dichiarazione di accessibilità.

Cosa intendo con ciò?

What do I mean by this? Simple.

Semplice.

I see website after website with an accessibility statement

Vedo siti web dopo siti web con una dichiarazione di accessibilità

that begins with a slightly pompous tone, and it says something like,

che inizia in un tono pretenzioso con scritto ad esempio:

"We fully care about people with disabilities.

“Abbiamo profondamente a cuore le persone con disabilità.

We want to ensure that everyone is able to fully utilize our website.

Vogliamo assicurarci che tutti possano utilizzare a pieno il nostro sito.

It meets the following standards, blah, blah, blah."

Il sito soddisfa i seguenti standard, bla, bla, bla.”

I don't actually really care what you say.

Non mi interessa di quello che dici.

If somebody can't use your website, they can't use your website.

Se qualcuno non può usare il tuo sito, non può farlo e basta.

I've got an idea.

Ho un’idea.

Why not instead use this as a wonderful opportunity

Perché non utilizzare ciò invece come una bellissima opportunità

per rivolgersi alle persone con disabilità?

to reach out to disabled people?

La prima riga della vostra dichiarazione di accessibilità

The first line of your accessibility statement

could be something like,

potebbe essere:

“We’re aware that there’s some problems with our website

“Siamo consapevoli che ci sono dei problemi nel nostro sito web

that might make the experience

che potrebbero rendere l’esperienza più difficile

more difficult for visitors with disabilities.

per i visitatori con disabilità.

But if there’s anything that we can do to help you, give us a call.”

Ma se c’è qualcosa che possiamo fare per aiutarti, non esitare a chiamarci.”

There's the phone number right there.

E c’è il numero proprio lì.

“Segui il link per inviare una email.” E c’è il link proprio lì.

“Follow this link to send an email.” There’s the link right there.

“O compila il modulo di contatto.”

“Or fill in the contact form.”

Right there you're reaching out to them.

In quel momento vi state rivolgendo a loro.

Just by doing that, you're being inclusive.

Solo facendo così, vi state dimostrando inclusivi,

You're going the extra mile

State facendo quello sforzo in più

and it speaks volumes about your ethos as a company.

e la dice lunga sull’etica della vostra azienda.

By the way, if you do have accessibility issues with your website,

A proposito, se il vostro sito web presenta problemi di accessibilità

you should give a time frame in which you're going to get them fixed

dovreste indicare il lasso di tempo in cui questi verranno risolti

or at least explain that it’s not possible on grounds of cost.

o almeno spiegare che non è possibile risolverli per motivi di costo.

It isn't about being perfect. It's about being honest.

Non si tratta di essere perfetti. Si tratta di essere onesti.

OK, I'd like to finish by telling you all about a very simple test

Bene, vorrei concludere parlandovi di un test molto semplice,

that you can do on any website

che potete fare su qualsiasi sito web,

to find out if it has a basic level of accessibility.

per capire se ha un livello minimo di accessibilità.

Anyone can do it.

Tutti possono farlo.

And I call it the Tab Test.

Lo chiamo il “Tab Test”.

If you're on a website, there will usually be

Di solito in un sito web

a row of page navigation buttons along the top.

c’è una fila di pulsanti di navigazione lungo la parte superiore.

As you move your mouse over them,

Se ci passate sopra il mouse

they will light up in turn

queste si illumineranno

and any subpages will appear as a kind of drop-down.

e qualsiasi sotto-pagina apparirà a cascata.

And they may also light up as you move the mouse over.

E anche queste potrebbero illuminarsi mentre ci passate sopra il mouse.

In other words, just by moving your mouse,

In altre parole, solo con il movimento del mouse

you can go to pretty much any page on the website with a single click.

potete visitare quasi tutte le pagine di un sito web con un solo click.

Do we all understand that?

Abbiamo capito tutti?

Brilliant.

Perfetto.

Se sei cieco, come ho detto, non puoi usare il mouse.

If you're blind, as I've said, you can't use a mouse.

Instead, you use a screen reader and a keyboard.

Invece, puoi usare uno screen reader e una tastiera.

If a website has a basic level of accessibility,

Se il sito web ha un livello minimo di accessibilità

you should be able to select every page and subpage

dovreste essere in grado di selezionare ogni pagina e sotto-pagina

by repeatedly pressing the Tab key.

premendo ripetutamente il tasto Tab.

Not only that, each one should light up in turn,

Non solo, ognuna dovrebbe illuminarsi

just as if you were using a mouse.

proprio come se steste usando un mouse.

Not everyone who is visually impaired is completely blind.

Non tutte le persone ipovedenti sono completamente cieche.

In fact, most of them have some form of limited vision instead.

Infatti, la maggior parte hanno una vista limitata.

So having page navigation light up as you move,

Quindi avere una pagina di navigazione che si illumina mentre ci si muove,

mentre si schiaccia il tasto Tab,

as you Tab through them,

helps them know where they are.

le aiuta a capire dove sono.

So next time anybody here is on a website, just start pressing the Tab key.

Quindi, la prossima volta che qualcuno di voi è su un sito web,

inizi a premere il tasto Tab.

If you do not see all the pages and all the subpages light up in turn,

Se non vedete illuminarsi tutte le pagine e le sotto-pagine,

it's failed the test.

il sito web ha fallito il test.

Please drop them an email informing them that because their website

Inviate loro un’email, informandoli che,

does not meet that basic level of accessibility,

dato che il loro sito web non soddisfa il livello minimo di accessibilità,

il sito ha fallito il test e che devono fare qualcosa a riguardo.

it's failed this test and they really need to do something about it.

They want to know more, they can do a quick internet search

Se dovessero voler saper di più, possono fare una veloce ricerca online

and actually it's fairly easy to fix.

e si tratta di qualcosa molto semplice da sistemare.

If you guys joined with me in doing this one simple thing,

Se voi tutti vi uniste a me nel fare questa semplice cosa,

we all will truly be changing the world, one website at a time.

tutti noi cambieremo davvero il mondo, un sito web dopo l’altro.

Thank you very much.

Grazie mille.

(Applause)

(Applausi)