ltfill lets you use the speculative lt
element in HTML.
The lt
element would allow web authors to provide titles or captions to lists.
Important Seussian Characters Thing One The Cat in the Hat The Lorax Sally
Days of the week Monday Tuesday Wednesday Thursday Friday Saturday Sunday
A few important web technologies HTML HTML is the markup language used to give content structure. CSS CSS is the language used to add a creative layer on top of HTML.
Try it right now using CodePen
ltfill is a speculative polyfill which emulates a proposed feature of the
web platform. Therefore, it should only be used in real production situations
as x-lt
and not lt
, as the later would otherwise risk creating problems for
the development of the Web if it became widely used prior to standardization
and implementation.
Usage
Add ltfill to your build tool:
npm install ltfill --save-dev
Import ltfill as a resource.
;
observe
The observe
method watches list title elements.
ltfill;
The observe
method will assign a unique id
to the list title, if it does
not already have one. It will then assign an aria-labelledby
to the list
title’s parent, if it does not already have one, referencing the list title.
Example:
Days of the week Monday Tuesday Wednesday Thursday Friday Saturday Sunday
style
The style
method adds styles for list title elements.
ltfillstyle documenthead // where <style> will be appended 'x-lt' // tag name of list titles 'font-style:italic' // optional styles (otherwise display:block;font-weight:bold);
Example: