Responsive design

It is important to remember that the way you see your site will not necessarily be the same way that your visitors see it - it depends on what device they're using to access your site.

Users might access your content differently depending on what technology they are using, for example:  

• Small screens or mobile devices  

• Laptop and computer screens with different dimensions  

• Screen reading technologies 

Here are some important things to remember to make your content work for all users:

Nesting headings correctly makes it easier for your website visitors to find the information they need on a webpage. It also structures content clearly for users with screen reading technologies and allows them to see when a new topic is being discussed.  

Using alt text for all image types – from photographs to graphics – means that users who cannot view them can still understand the visual content of the webpage.  

In EdWeb 2, images will resize using adaptive technology. This means that an image on a webpage will automatically adjust to fit the dimensions and content layout available depending on a user's screen type.  

Captions mean that if users cannot access a video's audio, they can still follow along with what is being said.  If users cannot access the video at all, a transcription will allow them to read all the information included in the video.  

Alignment of text and media components will vary depending on different users' devices.