Styles

Intro to Styles

Styles should be used for all headings in a document or web page rather than manually bolding text and increasing its size. Google Sites offers 3 Heading levels and they are hierarchical. This helps screen readers move through the page by moving between just major headings or including other levels. This makes the page more accessible, not just for those with visual difficulties but also for the majority of your readers. They also are used to create a Table of Contents like the one on the right.

Access the Heading styles from the Format menu.

Table of contents showing the hierarchy created by using different levels of Heading Style.

Title (H1)

doesn't appear on the list as it is already used for the title of the page and is at the top of the hierarchy.

Heading (H2)

is the heading you will use to layout the structure of your page. Format all major sections on a page with H2. Edit, Toolbar and Styles are all in H2.

Sub-Heading (H3)

lets you subdivide each section

Minor Heading (H4)

allows further subdivision of a section

Everything that you see on this page and any web page is actually generated by computer code known as HTML. This code not only contains the text that you see but also instructions on how the page should look - layout and formatting.

Styles are used not just to emphasise text through bold, italic or changed font size but to help navigation through a page.

Generally, most pages are readable by most people; however, there are significant numbers of the population who have some difficulty reading web pages as they are. Eyesight is the most common area of difficulty but fortunately web pages give us ways to make our pages accessible to many with these difficulties. This only works if we use them though!

Page updated

Report abuse