background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "WordPress"

input logo icon
Video tags
|

Video tags

WordPress
WordCamp
Open Souce
WordPressTV
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:00
[Music]
00:00:10
[Music]
00:00:15
V Sanchez is
00:00:18
um web consultant and digital
00:00:22
accessibility consultant is also a
00:00:24
optometrist specialized in Vision
00:00:27
Sciences he has a pH D and Optometry and
00:00:31
science of vision is from Valencia Spain
00:00:36
but it needs to find a reason to not go
00:00:39
home because he hates the weather so
00:00:42
Vincent PTO is suitable for you why not
00:00:46
think about it okay thank you we have
00:00:49
lots of rain here cold not bad not too
00:00:53
warm excellent so and for the next
00:00:57
session we we'll talk about the
00:00:58
accessibility Quest
00:01:00
walk through for Success also you have
00:01:03
to know that his passion is video games
00:01:08
I and wonder why um sorry should I start
00:01:14
already oh
00:01:16
oh give me one one second please I
00:01:20
need to save the
00:01:23
game
00:01:25
okay sorry I feel a
00:01:28
shame well uh I'm V Sanchez I am an
00:01:33
accessibility consultant I have a PhD in
00:01:36
Optometry and vision
00:01:37
sciences and uh those are my my my
00:01:41
social networks and my personal website
00:01:44
well first of all I want I want
00:01:48
to uh express my gratitude to Jo because
00:01:52
thanks to the their diversity found I
00:01:55
can I I've been able to comp here to BTO
00:02:01
probably you have noticed that I like
00:02:03
video games and in particular I was
00:02:07
playing this video game do you know this
00:02:10
video
00:02:11
game of course not because you are not
00:02:15
doing accessible
00:02:18
websites this video game is called the
00:02:21
accessibility Quest and it's a funny way
00:02:25
to learn
00:02:27
accessibility so
00:02:30
I BR here the user manual and I will
00:02:33
give you some
00:02:35
hints to make some kind of on boarding
00:02:38
to to this game you will be able to
00:02:41
download the the slides and read it at
00:02:44
your own
00:02:46
pace
00:02:48
well first of all you always have the
00:02:50
index of
00:02:52
course
00:02:54
and this begins with the lore this the
00:02:58
the low the context of of this game
00:03:00
in an EPO lost to the midst of time uh
00:03:04
there were computers but computers were
00:03:06
not interconnected among them so
00:03:09
information did not flow at
00:03:12
all humankind start to uh make
00:03:16
connections between computers and uh
00:03:19
this way they unleashed the digital
00:03:22
flood many ages many centuries after
00:03:26
that web browsers appeared and and most
00:03:30
of the humanity not everybody most of
00:03:33
the humanity learned how to
00:03:37
navigate at that moment discrimination
00:03:40
was
00:03:44
born many centuries after
00:03:47
that different clums uh emerged um web
00:03:52
Masters developers designers SEO
00:03:58
Consultants at the beginning they
00:04:00
cooperated but
00:04:03
finally they start to fight against each
00:04:07
other to compete and and to
00:04:11
confront at that moment the goddesses of
00:04:15
this world took a decision
00:04:20
so they descended upon the world
00:04:24
bringing standardization and peace to
00:04:28
everybody
00:04:30
and they gift us with the Sacred
00:04:33
Scriptures of the wak the web content
00:04:36
accessibility
00:04:39
guidelines which uh that um contains the
00:04:43
four
00:04:44
principles perceivable operable
00:04:47
understandable and
00:04:50
robust but somehow
00:04:53
discrimination stealth the the wak uh
00:04:58
scriptures are teared off all the
00:05:05
pages now the world has become an
00:05:07
extremely hostile place for
00:05:10
diversity and we need heroins and heroes
00:05:16
to restablish and recuperate the wak
00:05:21
scriptures let me bring just
00:05:26
please well let's talk about the UI and
00:05:30
the controls the accessibility Quest is
00:05:32
a first person game and you use the web
00:05:37
browser to play in this web browser you
00:05:41
have a main game area and above this
00:05:46
area you will find on the left a step
00:05:50
back button a return to home screen an
00:05:54
input field where you can
00:05:57
uh introduce the the location in the the
00:05:59
map where you want to play and uh an
00:06:03
area here on the on the top right corner
00:06:07
where you will find some magic spells
00:06:11
known as uh extensions or
00:06:14
plugins
00:06:15
whatever and about the controls the
00:06:18
accessibility Quest supports many
00:06:20
different peripherals for your
00:06:22
infotainment
00:06:24
system all the peripherals are valid to
00:06:27
complete your adventure and uh despite
00:06:30
the fact
00:06:31
that it's designed to be played using
00:06:34
the keyboard and a computer
00:06:38
mouse the difficulty of the game May
00:06:41
Vary depending on the the person who is
00:06:44
playing and the
00:06:47
peripherals other options that you can
00:06:50
use just a keyboard without the mouse or
00:06:55
just a mouse or a trackpad without the
00:06:58
keyboard a joystick sck or even a single
00:07:01
switch button and an night tracker why
00:07:05
not if you pay for
00:07:07
it but the basic
00:07:09
controls you have the escape
00:07:14
button that button will let you to
00:07:16
escape from Annoying traps subscription
00:07:19
to newsletters and offer on and offers
00:07:22
that are not of your
00:07:24
interest with the tab button you move
00:07:27
forward with the shift tab combination
00:07:30
you move backward with the space and
00:07:34
intro buttons you can activate the focus
00:07:37
link or button and with the arrow keys
00:07:39
you will move through lists and
00:07:45
groups now choose your party because you
00:07:49
will not travel alone throughout the
00:07:52
game you will meet different characters
00:07:55
that you can recruit to your group of
00:07:57
accessibil lists each of these
00:08:00
characters have an specific job and that
00:08:04
job determines the
00:08:07
statistics of that that uh uh character
00:08:10
for example if you recruit a
00:08:14
developer that character will have the
00:08:17
highest rate in the development
00:08:20
statistics but not very good design
00:08:27
statistics and this is the kingdom
00:08:31
map in the center you will find
00:08:33
discrimination Bastion you can't go
00:08:37
straight ahead
00:08:39
there from the beginning because this is
00:08:41
not breath of the
00:08:43
wild
00:08:45
you're you have to travel around the all
00:08:49
the map there are four regions
00:08:52
perceivable operable understandable and
00:08:55
robust and in in these regions you will
00:08:58
find
00:09:02
tons in total there are 86 pages to be
00:09:06
recovered classified in three different
00:09:09
levels of
00:09:11
difficulty level a represents dungeons
00:09:15
that are the the easiest to complete in
00:09:17
this game level double A are dungeons a
00:09:22
bit more challenging and level triaa um
00:09:26
consist on the mo of the most complex
00:09:29
dungeons in this game and you don't need
00:09:33
to uh win in these dungeons to uh finish
00:09:38
the
00:09:39
game the most important thing is that
00:09:42
you have to remember that the
00:09:43
accessibility Quest does not force you
00:09:45
to follow a specific order you are free
00:09:48
to choose where you want to want to go
00:09:51
and what you want to
00:09:53
do now we are are going to see some
00:09:58
hints about about a selection of
00:10:01
particular dungeons first of all we have
00:10:04
the museum in silence and
00:10:06
darkness in this Museum everything is in
00:10:09
semi darkness and silence and it must be
00:10:11
kept that way the security guards are in
00:10:14
charge in charge of this
00:10:17
well you have
00:10:19
to solve a
00:10:22
puzzle and uh the information to solve
00:10:25
that puzzle is hidden among the painting
00:10:29
on the walls but without light you can't
00:10:33
see the paintings so how are you go are
00:10:36
going to solve this puzzle you can't
00:10:40
turn on the
00:10:42
light probably you
00:10:44
should start searching for the museum
00:10:47
catalog where you will find the textual
00:10:50
description of each work
00:10:55
maybe let's continue with the the Mystic
00:10:58
cliff in this dungeon you will you can
00:11:01
get three different
00:11:04
pages all related with the contrast of
00:11:07
the signs inside this
00:11:09
Labyrinth those signs guide you uh
00:11:13
through the the the the right path to to
00:11:17
to cross the the the
00:11:20
Labyrinth and uh
00:11:24
um and uh warns you about different
00:11:27
traps and dangers the problem is that
00:11:30
due to the fog you don't see colors
00:11:33
properly and it's difficult to read
00:11:36
inside this Labyrinth it's hidden uh
00:11:39
device known as contrast
00:11:42
calculator using that device you you can
00:11:45
calculate the appropriate contrast for
00:11:48
signs to be visible and for text to be
00:11:52
legible another dungeon is the
00:11:55
unstructured shopping center here you
00:11:57
can buy a lot of equipment and uh with
00:12:01
good offers and discounts the problem is
00:12:05
that the semantics the semantics of this
00:12:08
building are not correct so keep in mind
00:12:11
that what you see is not what it
00:12:14
is so to
00:12:16
solve to to to win in this in this
00:12:19
dungeon you have to restablish the
00:12:21
appropriate semantics of of each HTML
00:12:27
tag if we continue we can we get to the
00:12:30
poers forest in this peaceful Forest you
00:12:34
can hear birds
00:12:37
singing but with the first step that you
00:12:40
make then you feel doz of eyes upon you
00:12:44
and this feeling is
00:12:48
weird well the thing is
00:12:51
that here is really difficult to escape
00:12:53
if you once you uh activate the
00:12:56
Trap the hunters will try to C toate the
00:13:00
keyboard
00:13:01
Focus but they are really clever because
00:13:04
if you are using the the computer mouse
00:13:08
you will not trigger any
00:13:10
trap this trap only affects to keyboard
00:13:13
users or other peripherals simulating
00:13:19
keyboard you must
00:13:21
to to win in this in this dungeon you
00:13:24
must uh ensure that all travelers can
00:13:27
navigate from the top
00:13:30
the from the beginning of the page to
00:13:32
the bottom of the
00:13:34
page without activating any traps
00:13:37
that keeps the the keyboard
00:13:42
Focus the next dungeon is the mosquito
00:13:45
Vampire
00:13:46
cave this quiet cave
00:13:50
it's it seems at the beginning it seems
00:13:52
a nice place because you hear you listen
00:13:55
the water water sounds and the there is
00:13:59
a dim light so it's nice but when you
00:14:05
step again then you realize that there
00:14:07
are a lot of corpse corpses on the
00:14:09
ground and something has sucked out all
00:14:13
their
00:14:14
blood
00:14:16
what what happened the the the the
00:14:22
vampire
00:14:23
mosos attacked those
00:14:26
travelers to knocked out those Vamp
00:14:31
those vampires you have to just tap over
00:14:34
them you don't need strength but the
00:14:36
problem is that they are really really
00:14:38
really really tiny too
00:14:40
tiny so you must find a way to increase
00:14:44
their area to 24 per 24 CSS pixels or 44
00:14:51
per per
00:14:53
44
00:14:55
maybe you will find a CSS property
00:15:00
mean height and mean WID that can help
00:15:06
you another dungeon are the new bable
00:15:12
towers at the top of those Towers you
00:15:15
will find the the wak Pages there are no
00:15:19
enemies but there are inhabitants there
00:15:22
and you have to help them in order to
00:15:26
go uh
00:15:32
sorry
00:15:34
sorry well the problem is that each
00:15:37
inhabitant speaks different
00:15:40
language so to so oops sorry so you must
00:15:48
uh label proper uh you must properly
00:15:50
label the different language that you
00:15:54
find it's rumor that there is a l
00:15:58
attribute that you can use for that the
00:16:01
question is that you have to find where
00:16:03
to place that
00:16:06
attribute let's go with the worst
00:16:12
dungeon the means of forms
00:16:16
here there is not a single page two
00:16:19
three or Pages there is an entire
00:16:21
chapter related to forms you will have
00:16:25
to fill a lot of forms
00:16:29
the problem is that input fields are not
00:16:32
labeled there are no instructions you
00:16:34
will find no help and you will find many
00:16:38
useless
00:16:43
placeholders here you will have to
00:16:45
implement the field label labeling
00:16:48
techniques and error prevention
00:16:51
techniques and
00:16:54
uh we get to this particular ton the
00:17:00
rings of the AR kayak Coke code which
00:17:04
are um
00:17:07
optional because in this uh now we
00:17:10
actually the the version that of the
00:17:13
game that I am playing is 2.2 in this
00:17:17
update this uh page has become obsolet
00:17:21
this rins are the only great Temple that
00:17:25
survive the HTML era and we can
00:17:29
understand that because this building
00:17:30
suffers of a severe case of
00:17:35
diabetes but engraved on the walls you
00:17:39
will find a lot of code the problem is
00:17:41
that the walls are
00:17:45
are are not perfect and the code is not
00:17:49
complete in the past the problem was
00:17:52
that different user Angel a wof
00:17:56
different user agents hundred
00:17:59
differently uh Co errors in this code
00:18:04
but nowadays it doesn't work like that
00:18:07
so this is kept in this version just for
00:18:10
historical
00:18:12
reasons
00:18:14
so tips for new players there are no
00:18:18
tricks to advance faster in your
00:18:21
adventure there are no plugins don't ask
00:18:24
for that
00:18:25
please the wak uh scriptures are for
00:18:29
just for consultation not a manual you
00:18:31
are not expected to read it from A to
00:18:34
Z please validate your htl code with the
00:18:38
w wb3 c
00:18:41
validator start with the dungeons you
00:18:44
think are easier based on your
00:18:47
job remember that nobody can go from
00:18:50
zero to 100 without effort and
00:18:53
work ask for and listen to user feedback
00:18:59
sometimes the same problem has has more
00:19:01
than one correct
00:19:04
solution and enjoy your
00:19:07
adventure now your quest begins thank
00:19:09
you for
00:19:14
playing the problem is that
00:19:16
accessibility is not a
00:19:20
game in the world 16th per of the
00:19:24
population lives with uh some form of
00:19:27
disability and my opinion is that the
00:19:31
real number is even higher what about
00:19:35
Portugal somebody knows this
00:19:40
percentage
00:19:43
34%
00:19:57
T according to the European Union so
00:20:00
please remember remember that
00:20:02
accessibility is not a game
00:20:03
accessibility is a human
00:20:07
[Applause]
00:20:14
right thanks for the game for the
00:20:17
adventure it was a really nice one so
00:20:21
time for questions we have some minutes
00:20:23
for questions please don't be shy go
00:20:26
ahead
00:20:30
okay I have a
00:20:32
question if by any chance I'd love to
00:20:36
use a walk
00:20:38
through to hand the game faster I know
00:20:42
that I can't but if I wanted what should
00:20:46
I use for that walkth through well from
00:20:50
my point of view you should go to the
00:20:53
theme repository and check the first
00:20:56
filter accessibility ready using
00:20:59
accessibility ready themes is a really
00:21:01
good starting point instead of themes
00:21:06
from other
00:21:11
source so and um about the images is
00:21:16
always tricky uh because a lot of people
00:21:20
feel the the field for the image
00:21:24
descriptions with sometimes random
00:21:27
things that do not described the image
00:21:29
can you help us what should be a very
00:21:33
good image
00:21:37
description this depends and my personal
00:21:40
opinion is
00:21:41
that not always you need to describe the
00:21:44
image because sometimes you add uh the
00:21:47
image uh thinking about a particular
00:21:51
part of the image so you have to focus
00:21:52
on that area or you are trying to
00:21:55
represent a something that is not
00:21:59
um physical maybe a concept with that
00:22:03
image so you should focus on your idea
00:22:07
your intention why are you putting that
00:22:09
image there but if it's just uh I candy
00:22:14
and I can image leave it
00:22:17
blank this way the screen readers won't
00:22:21
announce the image to
00:22:24
users okay that is a very good one hi I
00:22:29
was wondering if you had any
00:22:30
recommendations for testing with screen
00:22:32
readers how to I've just started doing
00:22:34
that and I'm finding it sort of
00:22:36
complicated and getting lost so yeah uh
00:22:40
using a screen reader is really
00:22:42
difficult so
00:22:45
um maybe you can try to do a really
00:22:49
basic testing
00:22:51
but the best option is to ask for help
00:22:54
to real users of screen readers because
00:22:58
the um their level um it's totally a
00:23:03
world
00:23:05
apart okay cool thanks you're
00:23:11
welcome
00:23:14
yep hello V thank you very much for your
00:23:17
talk has been wonderful er a complicated
00:23:22
one I don't know if there's an answer
00:23:24
for that H when you're automatically
00:23:27
testing code
00:23:29
mhm you have uh usually ways of saying
00:23:33
don't test this because I'm doing this
00:23:35
on
00:23:36
purpose for is there anything similar
00:23:41
for a accessibility test I mean if you
00:23:44
are leaving out an image with without an
00:23:48
Al text for example is there any way any
00:23:51
area any something to say that I'm doing
00:23:54
this on purpose this image doesn't has
00:23:56
an ALT on purpose
00:24:00
yeah yeah yeah well the standard the
00:24:03
HTML
00:24:04
standard just uh expects that all images
00:24:09
have an ALT attribute if that image is
00:24:12
not relevant it's just decoration you
00:24:15
have to leave that uh attribute Blank
00:24:18
That's all then this way the the
00:24:21
automatic testers won't uh point that
00:24:24
image and that's the default uh behavior
00:24:27
of Wordpress with
00:24:30
images
00:24:35
Val no no no because because uh these
00:24:40
tools just check that the image has an
00:24:42
ALT attribute that they are not
00:24:46
evaluating the content of the
00:24:48
attribute because that's what is
00:24:51
expected but you could use uh an area
00:24:55
value it's presentational Ro
00:24:57
presentational or something like that
00:25:00
mhm
00:25:02
yeah thank you Vincent sanes everyone
00:25:05
[Applause]
00:25:06
[Music]
00:25:16
[Music]

Description:

WordPress is more than a publishing platform. It’s a powerful and empowering technology built by a global community of passionate contributors, united by the spirit of freedom; to create and share without barriers. Find support: WordPress.org/support

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "WordPress" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "WordPress" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "WordPress" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "WordPress" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "WordPress"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "WordPress"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.