The left hand navigation is removed for demonstrating this component as a home or landing page.

Overview

While designed for and mainly be used by agencies within their footer, this component can also be added to home, landing or standard content pages to help promote translated resources.

It consists of the ability to:

  • change heading text (default is 'We speak your language')
  • link to an internal asset or external URL
  • control full page or shortened display
  • add padding to the top and bottom, 24px, 48px or 72px
  • set alignment to left, right or centre
  • set background colour scheme (default is white)
  • set the border colour to the bubble
  • select heading levels 2, 3 or 4
  • set heading text colour

Feature showcase

Default settings (footer)

With the exception of the editable heading text, the default display settings of this component should be used when adding it to your footer columns.

This is what it looks like in a footer column (accessibility.sa.gov.au)

Shortened width (content pages)

  • Custom blue background
  • Custom white text
  • Centre aligned
  • Page width (default)
  • Heading level 2 (H2) applied
  • Bubble border set to black (default)
  • Bottom padding set to 24px

Full width example 1 (home and landing pages)

  • Custom blue background
  • Custom white text
  • Centre aligned
  • Heading level 2 (H2) applied
  • Bubble border set to white
  • Top and bottom padding set to 24px

Full width example 2 (home and landing pages)

  • Custom heading
  • Custom blue background
  • Custom white text
  • Left aligned
  • Heading level 2 (H2) applied
  • Bubble border set to grey
  • Top and bottom padding set to 48px

If English is not your preferred language, please contact the Interpreting and Translating Centre on 1800 280 203 and ask to speak with the Department of the Premier and Cabinet.

Full width example 3 (home and landing pages)

  • Custom heading
  • Custom blue background
  • Custom white text
  • Right aligned
  • Heading level 2 (H2) applied
  • Bubble border set to grey
  • Top and bottom padding set to 72px

If English is not your preferred language, please contact the Interpreting and Translating Centre on 1800 280 203 and ask to speak with the Department of the Premier and Cabinet.

Full width example 4 (home and landing pages)

  • Custom lime background
  • Default black text
  • Centre aligned
  • Heading level 4 (H2) applied
  • Bubble border set to black (default)
  • Top and bottom padding set to 72px

If English is not your preferred language, please contact the Interpreting and Translating Centre on 1800 280 203 and ask to speak with the Department of the Premier and Cabinet.

Add this feature to your site

Guide to adding a translation graphic panel (requires log-in)

Top accessibility tip

Create heading text that’s as specific as possible. Don't just use 'click here' or 'find out more'' (which may not make sense for people using screen readers or people from non-English speaking backgrounds): accessibility.sa.gov.au/your-role/content/links