Footer

v4.0.0

Footers help users find what they need after scrolling to the bottom of a page. They provide supplementary information such as copyright, ABN details, contact information, links to other pages within the website, and email and social media links.

Released

History
View changes
Install
npm i @gold.au/footer
Tags
Requires
Contributors
  • Alexander Sadleir avatar picture
  • Hannah J. Nicdao avatar picture
  • Gary Broadbent avatar picture
  • Kiri Hoy avatar picture
  • Petra Gulicher avatar picture
  • Alex Page avatar picture
  • Simon Pascal Klein avatar picture
  • Dominik Wilkowski avatar picture
  • Trevor Brennan avatar picture
  • Julian Fleetwood avatar picture
  • Patrick De Young avatar picture

Colour impairment

How the footer is viewed with various colour blindnesses

Example

Grayscale

How the footer is viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with footers.

Example

Screen readers

[Heading level 3] Section

[link] Link 1

[link] Link 2

[link] Link 3

[Heading level 3] Section

[link] Link 1

[link] Link 2

[link] Link 3

Footer text

Brand image [image]

Copyright sign Commonwealth of Australia, [link] MIT licensed

How the footer demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback