Inclusive Design


The building blocks of HTML are great for helping with Information Architecture. Use the points below to label up a page design or wireframe. They’ll help make sure that your page has a solid structure, will make it a bit easier for developers to work with, and, as a bonus, the page will work better with assistive technology like screenreaders: yay!

You will definitely need these

Every web page needs these blocks at their top-level (the children elements of the <body>, if you want to get a bit technical about it).

You will probably need these

Most web pages will need to divide up the content in their <main> element, and let users scan the page.

You may need these

Forms! Many things on the web are applications more than they are pages, which means they use <form> elements.

Additional notes