Front-end component library for 24 ways. (2013-2019)
This release was largely focused on improving accessibility and usability.
<h1> for all headings but, as we can’t have nice things like the HTML5 document outline, headed back to 2005 and bought back some ranked heading elements.inert when menu is open. Now ATs can’t access links that lie outside opened menu.aria-label..c-summary component so that it contains only two links (one to the article, one to the author), and no longer includes comment count. It previously trapped focus; this has also been fixed, meaning it should be easier to navigate index pages with a keyboard.focuable="false" to SVG images to avoid bug in IE11.role="main" from main element..c-continue link with ‘border art’, to ensure chevron isn’t announced by ATs.-ms-high-contrast. Replace/augment box-shadow generated rules with border when Windows High Contrast Mode is active. Changed implementation of summary card so that the folded corner no longer uses border art (which WHCM would incorrectly highlight).prefers-reduced-motion to ensure author images don’t scale upon cursor hover..l-grid with a new .c-listing component, which uses CSS Grid (falling back to Flexbox). This is now used for author and summary listings..c-section containers.@import.rel="dns-prefetch" to point to the new location for Google Font assets.<meta charset> is first item in <head>..summary--taken modifier for taken slots.overflow-y: hidden to body to prevent vertical scrolling.downloadJSAtOnload function for deferring loading of JS. Using <script defer> instead.