Notification

Starting September 1, 2021, classic Sites will not be viewable by others. Learn how to convert to new Sites today.

Make your site more accessible

When you create a site, follow the tips below to make it more readable by everyone, including people with disabilities.

Include alt text

Use alternative text (alt text) for images, logos, drawings, and other graphics. Without alt text, screen reader users just hear "image." Some images automatically include alt text, so it's a good idea to check that the alt text is what you want.

Add or edit alt text on inserted images

  1. Select the image or logo.
  2. Go to More editing options More and then Add alt text.
  3. Enter alt text in the description field.

Add or edit alt text on background images

  1. On a computer, open a site in Google Sites.
  2. Add alt text to a background image in:
    • Your site header: At the bottom left of the header, click Image .
    • A section: On the right of the section, click Section colors  and then Image .
  3. Click Alt text.
  4. In the description field, enter alt text.

Add or edit alt text on custom theme logo or banner images

Add alt text to new custom themes

  1. On a computer, open a site in Google Sites.
  2. On the right, select the Themes panel.
  3. Under "Custom," select Create theme Add image.
  4. To upload a logo or banner image, click Add image  and then Upload.
  5. To add alt text, click the uploaded image and then Alt text.

Add or edit alt text to custom theme headers

  1. On a computer, open a site in Google Sites.
  2. On the right, select the Themes panel.
  3. Under "Custom," at the upper right corner of your custom theme, select More More and then Edit.
  4. Under "Images," click the header image and then Alt text.
  5. In the description field, enter alt text.

Learn more about custom themes.

Use high-color contrast

High color contrast makes text and images easier to read and comprehend. Web Content Accessibility Guidelines (WCAG) 2.0 recommend a minimum ratio of 4.5:1 for large text and 7:1 for other text and images. For example, avoid light gray text on a white background.

You can use Chrome DevTools to review suggestions for increasing color contrast and apply them to your site.

Use informative link text

Screen readers can scan for links, so informative link text is helpful. It's best to use the title of the page as the linked text. For example, if you're linking to your profile page, the link text should say "my profile," not "click here" or the full URL.

Check text size and alignment

To make your site easy to read, use large, left-aligned text when possible. Justified text is more difficult to read because of extra space between the words.

Use text to support formatting

It's best not to rely on visual formatting alone to communicate meaning. Screen readers might not announce formatting changes, such as boldface or highlighting. For example, to mark an important section of text, add the word "Important."

Use numbered and bulleted lists

Google Docs and Google Slides automatically detect and format some lists for accessibility. For example, if you start a new line in your document by typing the number 1 followed by a period, the new line automatically becomes the first item in a numbered list. Learn how to format bulleted and numbered lists.

Search
Clear search
Close search
Google apps
Main menu
7494515031047335432
true
Search Help Center
true
true
true