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

Переводчик: Anna Dziusekava Редактор: Olga Mansurova

Hi, everyone. I'm Clive Loseby

Всем привет, я Клайв Лосби,

and I am passionate about changing the world,

и моё главное устремление касается изменения мира

one website at a time.

веб-сайт за веб-сайтом.

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

Как сказал Дэйл, много лет назад я попал в страшную аварию.

It left us all with life-changing injuries.

Последствия таких аварий в корне изменяют нашу жизнь.

And that's why accessibility and website accessibility

Именно поэтому доступность вообще и доступность веб-сайтов в частности

has become my passion.

стала так заботить меня.

The accident also left me with a very bad memory,

В результате той аварии моя память тоже пострадала,

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

поэтому, уж извините, я буду подсматривать в записи.

OK. Does everybody know what a cookie banner is?

Итак, кто-нибудь из вас знает, что такое cookie-баннеры?

Those annoying banners that pop up on a website

Те самые надоедливые баннеры, что выскакивают на веб-сайтах,

asking for consent to put cookies into your browser?

в которых просят вашего согласия на размещение cookie-файлов в браузере?

It may say something like, "This website uses cookies

Там может быть что-то вроде: «Сайт использует cookie,

to give you the best online experience.

чтобы сделать ваш опыт как можно лучше.

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

Перейдите по ссылке, чтобы подтвердить ваше согласие».

Does everyone know what I'm talking about?

Все в курсе, о чём я говорю?

(Audience: Yes!)

(Зал: Да!)

Good. Right, now I want you to imagine

Хорошо. А теперь представьте

a different kind of browser.

браузер иного рода.

This one says the following:

В нём будет сказано следующее:

"This website is designed for white people only.

«Этот веб-сайт предназначен только для белых.

Follow this link to confirm that you are white."

Перейдите по ссылке и подтвердите, что вы белый».

Or, "This website is for men only.

Или: «Этот веб-сайт только для мужчин.

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

Перейдите по ссылке и подтвердите, что вы мужчина».

Or, "This website is for straight people only.

Или: «Этот веб-сайт только для прямых людей.

Follow this link to confirm that you are straight."

Перейдите по ссылке и подтвердите, что вы прямой».

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

Или даже: «Этот сайт только для тех, у кого есть волосы.

Follow this link to confirm you have hair."

Перейдите по ссылке и подтвердите, что у вас есть волосы».

OK.

Ладно,

These don't happen in the real world,

в реальном мире такое не случается,

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

но вот о чём я действительно хочу вам рассказать, так это о баннере,

on over 97% of the world's websites.

который есть на 97 процентах существующих сайтов.

"This website is for people who are not disabled.

«Этот веб-сайт для людей без инвалидности.

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

Перейдите по ссылке, чтобы подтвердить отсутствие инвалидности».

This may not be as apparent as the cookie banner.

Может, это не так очевидно, как cookie-баннеры.

Believe me, this banner exists.

Но поверьте, такой баннер существует.

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

На 97,4 процентах из одного миллиона начальных страниц веб-сайтов,

tested last year

протестированных в прошлом году,

had detectable accessibility failures.

были выявлены недостатки в части доступности.

So how many disabled people are there in the world?

Сколько же в мире людей с инвалидностью?

In 2010, the World Health Organization

Всемирная организация здравоохранения

estimated that 1 billion people on the planet

в 2010 году оценила, что на планете около миллиарда людей

live with some form of disability,

имеют ту или иную форму инвалидности.

with over 110 million having highly significant difficulties in functioning.

При этом 110 миллионам инвалидность значительно усложняет жизнь.

We are talking about a lot of people.

Мы говорим о большом количестве людей.

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

Они хотели бы пользоваться интернетом также активно, как мы с вами.

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

Они тоже хотят стать вашими клиентами и заплатить вам деньги,

if you make it possible for them to do so.

вам нужно лишь позволить им это сделать.

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

В заставке выступления была цитата женщины, которую я встретил год назад.

She works in health, safety, employee well-being

Она работает в сфере охраны здоровья и благополучия работников

and has done for 20 years,

и работает в этой сфере уже 20 лет,

so she has a real understanding of inclusivity.

поэтому хорошо понимает суть инклюзивности.

Lovely, caring person,

Она добра и заботлива,

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

но она не понимала, как слепые люди могут пользоваться интернетом,

because they couldn't see the screen.

ведь они не видят экрана.

I explained to her what a screen reader was

Я объяснил ей, что такое экранный диктор,

and she got it.

и ей всё стало ясно.

A screen reader, by the way,

Кстати, экранный диктор —

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

это приложение, которое зачитывает вслух содержимое веб-сайта,

using a computerized voice.

используя компьютерный голос.

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

Слепой не может использовать мышь, ведь он не видит, куда навести курсор.

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

Вместо этого приходится пользоваться клавиатурой, следуя указаниям диктора.

It's not that easy to do

Это само по себе непросто,

but cookie banners make life so much worse.

но cookie-баннеры ещё больше усложняют жизнь.

And in some cases, they actually prevent blind people

А иногда они и вовсе не позволяют слепым людям

from accessing the website beyond it.

получить доступ к веб-сайту.

We are in the year 2022.

На дворе 2022 год.

The first set of guidelines for websites

Первые рекомендации для веб-сайтов,

to help ensure that they met the needs of disabled people

призванные обеспечить их соответствие потребностям людей с инвалидностью,

were released quite recently, actually, in 1999.

увидели свет сравнительно недавно, аж в 1999 году.

A mere 23 years ago.

Всего 23 года назад.

Yep. I'm not joking.

Да-да, я не шучу.

All the information has been available to everyone since then.

С тех самых пор эта информация доступна всем и каждому.

It is also a legal requirement in most countries,

В большинстве стран также есть соответствующие нормативные требования,

but above everything else,

и, кроме всего прочего,

it helps every business and every organization

такие меры помогают бизнесам и организациям

become more inclusive.

становиться более инклюзивными.

And yet, 97% of websites

Тем не менее, на 97 процентах веб-сайтов

contained detectable accessibility failures last year.

в прошлом году были выявлены проблемы с доступностью.

Think of a website as a building,

Представьте веб-сайт как здание,

it becomes even more obvious.

и всё станет ещё очевиднее.

After all, websites are physical buildings.

По сути, веб-сайты и есть здания.

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

Они ваше окно в мир, не так ли?

Legislation for access to physical buildings

Законодательство, касающееся входов в физические здания,

has always made allowances for very old buildings

всегда содержало поправки для очень старых зданий,

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

которые просто невозможно сделать полностью доступными

for people with disabilities.

для людей с инвалидностью.

We all understand that.

Все мы это понимаем.

So actually, I think it's perfectly fair

Поэтому, думаю, вполне справедливо,

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

что не стоит ожидать от веб-сайта, которому больше 23 лет,

to cater for disabled people either.

что он будет соответствовать критериям доступности.

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

Кстати, не уверен, что вспомню, когда посещал сайт,

that was over 23 years old.

которому было бы больше 23 лет.

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

Как насчёт сайтов, которым пять или около трёх лет?

What about last year? This year?

А если им год или даже меньше?

Typically, websites get replaced every three to five years

Обычно сайт полностью обновляется раз в три или пять лет.

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

Новая версия должна соответствовать наиболее актуальным тенденциям.

Is it really OK that websites that are recently built

Так нормально ли то, что недавно созданные веб-сайты

are still inaccessible for disabled people?

по-прежнему недоступны для людей с инвалидностью?

If not now, when?

Если не сейчас, то когда?

OK, so what does accessible web design actually mean?

Так каков же он, по-настоящему доступный дизайн веб-сайтов?

Please take a look at these doors.

Взгляните на эти двери.

They both go into the same building.

Они обе ведут в одно и то же здание.

Both sets of doors have level access.

Обе двери имеют свой механизм доступа.

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

Двери слева разъезжаются автоматически, если к ним приблизиться.

The doors on the right have to be pulled open.

Двери справа нужно потянуть на себя.

I would like to ask you all a question,

Хочу задать вам всем один вопрос.

and if you are able,

Если можете,

I would like you to either raise your left hand

прошу вас в ответ поднять или левую,

or your right hand in answer.

или правую руку.

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

Представьте, что вы передвигаетесь на коляске и хотите войти в здание.

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

Какие двери вы бы вероятнее всего предпочли?

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

Автоматические двери слева или тяжёлые справа?

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

Могли бы вы поднять соответственно левую или правую руку?

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

Что ж, можно утверждать, что двери слева предпочтительнее. Любопытно.

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

Хорошо, а теперь представьте, что вы не на коляске, а с рамкой-ходунками.

so you can walk,

То есть, вы можете ходить,

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

но вам нужно держаться за рамку обеими руками.

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

А теперь какие двери подойдут лучше, как думаете?

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

Можете поднять руку, если вам это не трудно?

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

Я крайне удивлён. Все выбирают те, что слева.

OK. Right.

Ну хорошо.

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

Теперь вы везёте ребёнка в коляске и можете идти нормально,

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

но обе ваши руки заняты коляской.

Which set of doors now?

Какие выберете теперь?

Left or right?

Левые или правые?

I'm staggered.

Я поражён!

OK. Final example.

Хорошо. Последний пример.

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

Предположим, что вы вошли через двери справа.

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

Вы выходите, вы хотите покинуть здание,

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

но у вас под мышками коробки, по одной с каждой стороны.

Which of the doors would you go then?

Тогда какие двери вы бы выбрали?

Yeah. Hmm.

Да уж. Хм.

I'm really staggered.

Вы очень удивили меня.

In pretty much every example

Почти на каждый пример

pretty much everybody raised your left hand.

практически все поднимали левую руку.

Why was this?

Почему же?

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

В конце концов, только вам решать, какими дверями пользоваться.

Why would so many people go for an automatic door?

Почему же так много людей голосовали за автоматические двери?

Maybe because it's easier.

Может, потому, что так проще.

Nobody's forcing you to use it.

Вас не заставляют ими пользоваться.

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

Они как альтернатива другим дверям.

Accessible web design is exactly the same,

Доступный веб-дизайн такой же,

offering people with different needs

он предлагает людям с разными потребностями

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

альтернативные способы использовать сайт для получения информации.

Most countries around the world have anti-discrimination laws,

В большинстве стран есть законы против дискриминации,

and websites fall under these laws.

которые касаются и веб-сайтов.

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

Тем не менее, для меня это не о следовании букве закона.

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

Это скорее о большей инклюзии, о большей доступности каждому,

regardless of their ability or their disability.

независимо от того, есть ли у человека инвалидность или нет.

Disabled people have money to spend on your goods and services

У людей с инвалидностью есть деньги на товары и услуги,

and if they can't spend it with you,

и если они не смогут потратить их у вас,

they're going to spend it with somebody else.

они потратят их где-то ещё.

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

Так что же вам делать с вашим собственным веб-сайтом?

Well, you need to have two things.

Нужно сделать две вещи.

You need to have an audit of your website,

Сначала нужно провести аудит веб-сайта,

and then you need to put

а затем вам нужно

an accessibility statement on your website.

разместить на нём заявление о доступности.

I'll explain what I mean in this photograph.

Поясню, что я имею в виду, на этом фото.

This hotel, it's a beautiful building.

Этот отель расположен в красивом здании.

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

Можно посидеть на нижнем уровне, можно на верхнем.

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

Повсюду чудесные лестницы, но вот незадача, там нет лифта.

The restaurant itself is run by an outside catering company.

Рестораном владеет посторонняя компания.

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

И в том, что в здании нет лифта, нет её вины.

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

Здание ей не принадлежит, она просто арендует помещение.

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

Тем не менее, если вы передвигаетесь на коляске, то наверх вам не попасть.

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

Но у входа может быть табличка, где сказано, например, вот что:

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

«Уважаемые посетители на колясках! Сообщаем, что у нас есть места наверху,

we do not have a lift.

но нет лифта;

However, we do have some reserved seating for you

однако у нас есть специальные посадочные места для вас,

with extra turning space and raised tables."

вокруг них больше места и столики там выше».

Think about raised tables.

Подумайте о столиках выше.

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

Если вы передвигаетесь на коляске и заходите в ресторан,

you can't quite get under the table.

то нередко просто не можете сесть за стол.

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

Это легко исправить, подложив под ножки стола пару деревяшек.

Anyway, if you just put up that sign,

Если вы просто повесите такую табличку,

somebody in a wheelchair who reads that sign,

а кто-нибудь на коляске её прочтёт,

are they going to feel more or less included?

ощутит ли этот человек, что о нём тоже думают?

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

Расходов это почти не потребует, а пользу принесёт огромную.

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

Не вина владельцев ресторана, что лифта нет.

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

Они решили поступить нестандартно и предложить альтернативу,

despite the limitations of the hotel.

несмотря на ограничения, имеющиеся в отеле.

In other words, the catering company themselves

Другими словами, компания ресторана

have become more welcoming, inclusive and accessible.

стала более гостеприимной, инклюзивной и доступной.

So the first part of this story

Итак, первую часть истории,

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

где я объяснил про ресторан с местами наверху и без лифта,

That could be seen as an audit.

можно считать аудитом.

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

«Мы понимаем, что наверх не попасть без лифта

so disabled people in wheelchairs cannot use it."

и места наверху недоступны людям на инвалидных колясках».

But the sign at the entrance telling everyone

Но есть знак у входа, который гласит,

that there is accessible seating downstairs as an alternative

что как альтернатива предлагаются доступные места на нижнем этаже.

is like their accessibility statement.

Это что-то вроде заявления о доступности.

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

«Мы выяснили, что верхний этаж недоступен посетителям на колясках.

This is what we've done instead."

И вот что мы предлагаем взамен».

So how does all this apply to a website?

Какое же отношение это имеет к веб-сайту?

Well, as far as the audit goes,

Что ж, когда дело касается аудита,

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

можно кому-то заплатить или сделать всё самому.

And the same goes for an accessibility statement.

С заявлением о доступности ситуация такая же.

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

Увы, рассказывать подробнее времени нет,

but I do want to say one thing.

но кое-что я всё же скажу.

Make your accessibility statement real.

Сделайте так, чтобы ваше заявление о доступности стало реальным.

What do I mean by this? Simple.

Что я имею в виду? Всё просто.

I see website after website with an accessibility statement

Мне попадается веб-сайт за веб-сайтом

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

с несколько высокопарными вступлениями вроде этого:

"We fully care about people with disabilities.

«Мы заботимся о потребностях людей с инвалидностью.

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

Мы хотим, чтобы каждый мог в полной мере использовать наш сайт.

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

Он соответствует следующим стандартам, и так далее...»

I don't actually really care what you say.

Меня, честно говоря, не заботит, что вы говорите.

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

Если кто-то не может воспользоваться вашим сайтом, значит, не может.

I've got an idea.

У меня есть идея.

Why not instead use this as a wonderful opportunity

Почему бы не воспользоваться этой чудесной возможностью,

to reach out to disabled people?

чтобы обратиться к людям с инвалидностью?

The first line of your accessibility statement

Первая строка вашего заявления о доступности

could be something like,

могла бы звучать так:

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

«Мы знаем, что у нашего веб-сайта есть ряд недочётов,

that might make the experience

которые могут затруднить

more difficult for visitors with disabilities.

его использование посетителям с инвалидностью.

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

Но если мы можем как-то это исправить, пожалуйста, позвоните нам».

There's the phone number right there.

И укажите номер телефона.

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

«Перейдите по ссылке и напишите нам». И укажите ссылку.

“Or fill in the contact form.”

«Заполните форму для связи».

Right there you're reaching out to them.

Так вы установите связь с ними.

Just by doing that, you're being inclusive.

Сам этот шаг — уже инклюзия.

You're going the extra mile

Вы прилагаете к этому усилия,

and it speaks volumes about your ethos as a company.

и это уже многое говорит о духе вашей компании.

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

Кстати, если на вашем сайте есть проблемы с доступностью,

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

следует указать сроки, в которые вы собираетесь устранить недостатки,

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

или объяснить, что это невозможно из-за стоимости таких изменений.

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

Дело не в том, чтобы быть идеальными, а в том, чтобы быть честными.

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

Напоследок хочу рассказать вам об очень простой проверке,

that you can do on any website

которую можно провести на любом сайте

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

чтобы узнать, обладает ли он хотя бы базовой доступностью.

Anyone can do it.

Это может сделать любой.

And I call it the Tab Test.

Я называю её «Tab-тест».

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

Находясь на сайте, вы, как правило,

a row of page navigation buttons along the top.

видите в верхней части строку навигации с кнопками.

As you move your mouse over them,

Когда вы наводите курсор на них,

they will light up in turn

их цвет меняется

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

и под ними появляются другие как бы выпадающие страницы.

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

Они тоже могут менять цвет, если навести на них курсор.

In other words, just by moving your mouse,

Другими словами, пользуясь только мышью

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

и кликая на странице веб-сайта, можно сделать довольно много.

Do we all understand that?

Мы все это понимаем, верно?

Brilliant.

Прекрасно.

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

Как я уже говорил, если вы слепы, мышь вам недоступна.

Instead, you use a screen reader and a keyboard.

Вместо неё вы используете экранный диктор и клавиатуру.

If a website has a basic level of accessibility,

Если веб-сайт обладает базовой доступностью,

you should be able to select every page and subpage

вы, скорее всего, сможете выбрать любой раздел или подраздел,

by repeatedly pressing the Tab key.

последовательно нажимая на клавишу Tab.

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

Кроме того, их названия должны подсвечиваться соответственно,

just as if you were using a mouse.

как если бы вы использовали мышь.

Not everyone who is visually impaired is completely blind.

Наличие нарушений зрения не всегда значит, что человек совсем слеп.

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

В действительности большинство таких людей обладает ограниченным зрением.

So having page navigation light up as you move,

Поэтому, если навигационное меню подсвечивается в ответ на перемещение

as you Tab through them,

с помощью клавиши Tab,

helps them know where they are.

это помогает понять, где находится посетитель.

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

Поэтому когда кто-то из присутствующих попадёт на веб-сайт, прошу вас нажать Tab.

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

Если вы не увидите, как названия разделов и подразделов подсвечиваются в ответ,

it's failed the test.

веб-сайт не прошёл тест.

Please drop them an email informing them that because their website

Тогда напишите, пожалуйста, владельцу, что так как веб-сайт

does not meet that basic level of accessibility,

не соответствует базовым требованиям доступности,

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

Владелец сайта захочет узнать больше и поищет в интернете.

and actually it's fairly easy to fix.

Эту проблему достаточно просто решить.

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

Если вы станете проводить этот простой тест вместе со мной,

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

вместе мы все будем менять мир, веб-сайт за веб-сайтом.

Thank you very much.

Большое спасибо.

(Applause)

(Аплодисменты)