1
00:00:08,030 --> 00:00:14,100
One of the other accessibility tools that I've recently come across is called Funkify.

2
00:00:14,100 --> 00:00:17,130
Funkify is another extension that you add onto

3
00:00:17,130 --> 00:00:21,960
your browser to let you experience visiting pages in a whole different light.

4
00:00:21,960 --> 00:00:25,590
So, here I am back at wikipedia.org.

5
00:00:25,590 --> 00:00:27,450
Earlier in another class,

6
00:00:27,450 --> 00:00:31,350
I showed that putting it through the wave validator shows that Wikipedia

7
00:00:31,350 --> 00:00:35,790
has really done a pretty good job of making sure their site is accessible.

8
00:00:35,790 --> 00:00:38,610
So, let's try the Funkify tool.

9
00:00:38,610 --> 00:00:42,620
How Funkify works is it let you take on different

10
00:00:42,620 --> 00:00:46,940
persona's to try to see what the site would look like for different people.

11
00:00:46,940 --> 00:00:51,395
So, for instance, if I were to turn on Blurry Bianca,

12
00:00:51,395 --> 00:00:56,735
you basically get to experiences page as if you had blurry vision.

13
00:00:56,735 --> 00:01:00,125
You can even change the intensity of like the blurriness,

14
00:01:00,125 --> 00:01:04,890
if that's a word, to have it go from pretty low to pretty high.

15
00:01:06,310 --> 00:01:11,150
There's dyslexia, which I think is personally quite interesting

16
00:01:11,150 --> 00:01:15,065
because I know so many kids who struggle with, and adults,

17
00:01:15,065 --> 00:01:18,350
who struggle with the idea that on a webpage,

18
00:01:18,350 --> 00:01:21,140
oftentimes things are moving around much more quickly,

19
00:01:21,140 --> 00:01:23,635
the videos and the pictures.

20
00:01:23,635 --> 00:01:27,680
But not just that, the text has a wave from moving around with them.

21
00:01:27,680 --> 00:01:30,109
You can't solve that problem,

22
00:01:30,109 --> 00:01:34,340
but what you can do is make sure that you're using large enough font,

23
00:01:34,340 --> 00:01:36,425
so that if things do move around,

24
00:01:36,425 --> 00:01:38,105
it's not too disorienting.

25
00:01:38,105 --> 00:01:40,010
You can always also makes sure that you're

26
00:01:40,010 --> 00:01:43,910
spelling and grammar is correct, that will help as well.

27
00:01:43,910 --> 00:01:48,185
All right. The next one is Trembling Trevor.

28
00:01:48,185 --> 00:01:52,475
This one's quite common for people who maybe have a little bit of trouble

29
00:01:52,475 --> 00:01:57,560
with a mouse or with the keyboard or different things that need a lot of dexterity.

30
00:01:57,560 --> 00:01:59,105
So, I'm going to click on this one,

31
00:01:59,105 --> 00:02:02,675
and then I'm going to click over here, if I can.

32
00:02:02,675 --> 00:02:04,700
You can see with Trembling Trevor,

33
00:02:04,700 --> 00:02:07,165
as I'm trying to move the mouse around,

34
00:02:07,165 --> 00:02:09,860
it doesn't move very easily for me.

35
00:02:09,860 --> 00:02:11,675
It kind of jumps and goes.

36
00:02:11,675 --> 00:02:16,625
I fall victim to this a lot of times myself when people have very tiny buttons to push.

37
00:02:16,625 --> 00:02:20,370
So, I'm going to turn off Trembling Trevor here.

38
00:02:20,370 --> 00:02:24,705
You can add, increase or decrease the amount of trembling.

39
00:02:24,705 --> 00:02:29,290
Tunnel Toby, this is the idea that some people actually,

40
00:02:29,290 --> 00:02:32,600
their partial vision loss would look something like this.

41
00:02:32,600 --> 00:02:34,805
So, this is pretty high amount of vision loss.

42
00:02:34,805 --> 00:02:38,585
You can change it and get this idea of what people are seeing.

43
00:02:38,585 --> 00:02:42,620
They might only be seeing a very small amount of your screen.

44
00:02:42,620 --> 00:02:50,405
Peripheral vision, is this idea that sometimes people have this one spot that's blocked.

45
00:02:50,405 --> 00:02:54,335
So again, you can't fix this issue for people,

46
00:02:54,335 --> 00:02:57,515
but you can think about your page and you can say, "Hey,

47
00:02:57,515 --> 00:03:00,410
is there something on my page that's really important,

48
00:03:00,410 --> 00:03:03,440
just so important and it only appears in one spot?

49
00:03:03,440 --> 00:03:05,840
Do I want to put it in more?"

50
00:03:05,840 --> 00:03:09,365
Color Carl is pretty common.

51
00:03:09,365 --> 00:03:10,850
This is just the idea that,

52
00:03:10,850 --> 00:03:14,390
how does your page look if we were to get rid of all the colors?

53
00:03:14,390 --> 00:03:16,070
Are you using color?

54
00:03:16,070 --> 00:03:17,345
Let's go and do this one.

55
00:03:17,345 --> 00:03:18,710
So, this is Greyscale.

56
00:03:18,710 --> 00:03:20,540
I'm going to click in here.

57
00:03:20,540 --> 00:03:26,430
You can also look at green.

58
00:03:26,430 --> 00:03:28,610
It take away a lot of the green.

59
00:03:28,610 --> 00:03:30,834
You've got the red and green,

60
00:03:30,834 --> 00:03:32,580
the blue and yellow.

61
00:03:32,580 --> 00:03:37,790
They include some statistics that basically 1 in 1,000 people have trouble with

62
00:03:37,790 --> 00:03:43,405
this color combination or 1 in 100 men or 1 in 300 women have problem with the red green.

63
00:03:43,405 --> 00:03:48,020
So, testing your site to make sure that color isn't conveying something important.

64
00:03:48,020 --> 00:03:50,780
Then, they also included some or it's

65
00:03:50,780 --> 00:03:54,110
a combination of lowered vision and trembling hands.

66
00:03:54,110 --> 00:03:57,815
The last one I like right here is the Sunshine Sue.

67
00:03:57,815 --> 00:04:01,370
This is accessibility, kind of even more for the accessibility

68
00:04:01,370 --> 00:04:04,625
for everyone because so many people take their devices outside.

69
00:04:04,625 --> 00:04:06,020
You can say, "Oh,

70
00:04:06,020 --> 00:04:08,370
hey, if it's really bright outside,

71
00:04:08,370 --> 00:04:11,150
are people can be able to see what's on my screen or should

72
00:04:11,150 --> 00:04:14,614
I be changing some of my color combinations and contrast?"

73
00:04:14,614 --> 00:04:19,805
So, Funkify is, I mean I hate to say it's a fun little tool

74
00:04:19,805 --> 00:04:24,410
because there's nothing funny about people not being able to access your page.

75
00:04:24,410 --> 00:04:28,130
But they did do a good job of trying to explain how

76
00:04:28,130 --> 00:04:30,380
these different types of abilities can come

77
00:04:30,380 --> 00:04:33,020
in and affect the way that people interact with your page.

78
00:04:33,020 --> 00:04:36,170
So, if you're interested in accessibility and you want to go

79
00:04:36,170 --> 00:04:40,130
a step further to make sure your page is something that everyone can enjoy,

80
00:04:40,130 --> 00:04:43,380
I highly recommend you installing Funkify.