Accessible Footnote Solution: Many-to-one Footnote References

Introduction

The purpose of this page is to demonstrate an accessible solution for footnote references that have a many-to-one correlation between the footnote references in the page content and the footnote itself. This concept can be applied to footnotes that are at the bottom of a page, within a page or in a modal dialog.

Accessibility Features:

Concept insprired by Wikipedia with accessibility added.

Accessible Footnote Demonstration

In 2012, The Walt Disney Company[6] acquired Lucasfilm for $4.06 billion and announced three new Star Wars films; the first film of that trilogy, Star Wars: The Force Awakens, was released on December 18, 2015.[5] 20th Century Fox retains the physical distribution rights to the first two Star Wars trilogies, owning permanent rights for the original 1977 film[6] and holding the rights to Episodes I–III, V and VI until May 2020.[5] The Walt Disney Studios[6] owns digital distribution rights to all the Star Wars films, excluding A New Hope.[5]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur enim vitae erat gravida commodo. Aliquam in mollis urna. Fusce at mauris nec sem tempor tristique. Maecenas interdum volutpat dui eget feugiat. Nullam egestas finibus tellus, nec convallis magna aliquam vitae. Morbi sollicitudin non tortor at ornare. Phasellus velit ex, suscipit id pellentesque sit amet, dictum at augue. Vivamus eu magna iaculis leo scelerisque suscipit. Morbi convallis tincidunt feugiat. Donec at leo porta, placerat lectus et, condimentum ipsum. Proin a blandit tortor, eu vehicula elit. In mollis ullamcorper neque, in varius est ullamcorper nec. Nam neque risus, tristique a tellus vel, laoreet mattis massa. Aliquam eleifend ipsum erat, sed sodales lectus luctus et.

Consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur enim vitae erat gravida commodo. Aliquam in mollis urna. Fusce at mauris nec sem tempor tristique. Maecenas interdum volutpat dui eget feugiat. Nullam egestas finibus tellus, nec convallis magna aliquam vitae. Morbi sollicitudin non tortor at ornare. Phasellus velit ex, suscipit id pellentesque sit amet, dictum at augue. Vivamus eu magna iaculis leo scelerisque suscipit. Morbi convallis tincidunt feugiat. Donec at leo porta, placerat lectus et, condimentum ipsum. Proin a blandit tortor, eu vehicula elit. In mollis ullamcorper neque, in varius est ullamcorper nec. Nam neque risus, tristique a tellus vel, laoreet mattis massa. Aliquam eleifend ipsum erat, sed sodales lectus luctus et.

Nulla consectetur enim vitae erat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur enim vitae erat gravida commodo. Aliquam in mollis urna. Fusce at mauris nec sem tempor tristique. Maecenas interdum volutpat dui eget feugiat. Nullam egestas finibus tellus, nec convallis magna aliquam vitae. Morbi sollicitudin non tortor at ornare. Phasellus velit ex, suscipit id pellentesque sit amet, dictum at augue. Vivamus eu magna iaculis leo scelerisque suscipit. Morbi convallis tincidunt feugiat. Donec at leo porta, placerat lectus et, condimentum ipsum. Proin a blandit tortor, eu vehicula elit. In mollis ullamcorper neque, in varius est ullamcorper nec. Nam neque risus, tristique a tellus vel, laoreet mattis massa. Aliquam eleifend ipsum erat, sed sodales lectus luctus et.

Aliquam in mollis urna

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur enim vitae erat gravida commodo. Aliquam in mollis urna. Fusce at mauris nec sem tempor tristique. Maecenas interdum volutpat dui eget feugiat. Nullam egestas finibus tellus, nec convallis magna aliquam vitae. Morbi sollicitudin non tortor at ornare. Phasellus velit ex, suscipit id pellentesque sit amet, dictum at augue. Vivamus eu magna iaculis leo scelerisque suscipit. Morbi convallis tincidunt feugiat. Donec at leo porta, placerat lectus et, condimentum ipsum. Proin a blandit tortor, eu vehicula elit. In mollis ullamcorper neque, in varius est ullamcorper nec. Nam neque risus, tristique a tellus vel, laoreet mattis massa. Aliquam eleifend ipsum erat, sed sodales lectus luctus et.

Fusce at mauris nec sem tempor tristique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur enim vitae erat gravida commodo. Aliquam in mollis urna. Fusce at mauris nec sem tempor tristique. Maecenas interdum volutpat dui eget feugiat. Nullam egestas finibus tellus, nec convallis magna aliquam vitae. Morbi sollicitudin non tortor at ornare. Phasellus velit ex, suscipit id pellentesque sit amet, dictum at augue. Vivamus eu magna iaculis leo scelerisque suscipit. Morbi convallis tincidunt feugiat. Donec at leo porta, placerat lectus et, condimentum ipsum. Proin a blandit tortor, eu vehicula elit. In mollis ullamcorper neque, in varius est ullamcorper nec. Nam neque risus, tristique a tellus vel, laoreet mattis massa. Aliquam eleifend ipsum erat, sed sodales lectus luctus et.

References

Sample Page Footer Content

Navigation links

Soical icons

Copyright info