>> That's right. And so,
we've covered quite a lot of information about Bootstrap.
And how to build all the different typical components you might want to have on
a webpage using Bootstrap.
We've also talked about how you can use Bootstrap themes to sort of really quickly
adjust the colors and the general look and feel of your page.
There are other types of CSS libraries and widget sets available online.
You just go and have a look and see what works for you and
what you like the look of.
So there's one more thing we should probably think about when
we are coming up with this design and its this idea of accessibility.
We've talked about accessibility previously.
But what do you understand by accessibility, James?
>> Well, I always think of accessibility as being three things.
The first if the ability for
all different types of users to get access to that information.
So, in order for that to be the case.
We need to make sure,
for example, users that have poor eyesight can increase the size of the text.
Users who, for example, can't see can listen or read an audio recording or they
can have support of extra text that can be read by a screen reader for example.
So there are those components so we do things.
If we put an image up we always put an alternative text description with
that image.
If we have a control.
We always make sure that that control is in an order
that if we tabbed through the page.
We would be able to go logically between the right controls.
>> Right.
>> That's very important.
The second thing in terms of accessibility, is on different platforms.
So this is important.
Today in computing, people use all kinds of different types of device and
all kinds of sizes of device to access the same piece of software.
>> So this is where are responsive design comes in so
again go back to the earlier courses.
There's a lot of information about how how to implement responsive layouts,
which will react to the size of screen that people are using.
And make sure that, it's as usable as possible on those different screen sizes.
>> Yeah, absolutely.
So, it's very, very important that it's accessible there.
The third thing is this.
If the design is too complex, if the design is written in a way
that is to difficult for people to understand, it's also inaccessible.
So, we've got the three things.
We've got the accessibility for different types of users.
We've got the accessibility for different types of platform to be delivered on, and
the accessibility in terms of the user experience.
>> So what we might call usability.
>> Yes, absolutely.
>> Yeah, okay.
So we're gonna talk a little bit more about how we might investigate how usable
our site is in a later video.
But so, what I do is just sum up there and say.
Okay so we start off with this idea.
We wanna digitize our new kinda vision into something which we can,
start really thinking about the nuts and bolts.
But we don't start coding yet.
We start off by building a site map effectively, or whatever it is.
A flow diagram, or
however you want to represent the different processes on your site.
And then we start thinking about what the user can see on each page.
By sort of creating very simple wireframe designs.
And we then start thinking about, what's a walk-through?
What's the experience?
What do they see on each page?
What's available to them?
And think about look and feel as well.
So investigate, how you're gonna use some templating library, or even your own
design to really give it a certain character and consistent look and feel.
And finally, we talked a bit about accessibility and
the sort of key concepts there that you need to think about.
[MUSIC]