Breadcrumb to use WAI-ARIA implementation

[nickdos]

Current breadcrumb uses an inline HTML element (glyphicon in <span> tag) but should be done in CSS, as per recommendation of W3.org:

https://www.w3.org/TR/wai-aria-practices/examples/breadcrumb/index.html

[aatteia]

Okay, so I've updated the breadcrumbs to be semantically sexy.

Here is the HTML:

1. WAI-ARIA Authoring Practices 1.1
2. Design Patterns
3. Breadcrumb Pattern
4. Breadcrumb Example

Here is the CSS: section#breadcrumb li + li::before { content: "\f105"; font-family: FontAwesome; margin: 0 .6em; height: .8em; opacity: .6; }

[aatteia]

Here is the RawGit page: https://rawgit.com/AtlasOfLivingAustralia/front-end-static/master/ALA%20Website%20Recreation%20in%20BS3%202017/site-mockup/channel-learn-about-the-ala.html

[matthewandrews]

OK, I've changed WordPress production to use the FontAwesome version.