By
That is the eleventh in our DecEmber series-“Countdown to The New Yr: 31 Days of Ember Addons”. We plan to focus on a brand new addon every day till the brand new 12 months, and we hope you may be a part of us for the enjoyable!
Day 11
This addon ember-page-title supplies a helper for altering the browser tab title of the web page inside your utility.
What It Does
The ember-page-title
addon is useful for a lot of causes, however an vital purpose is that it’s a WCAG success standards (2.4.2) to offer a web page title.
A fast tip about web page titles! The title of every Internet web page ought to:
- Establish the topic of the Internet web page
- Make sense when learn out of context, for instance by a display reader or in a web site map or listing of search outcomes
- Be quick
Why I Like It
Due to ember-page-title
, you possibly can present customers with an HTML browser title tag in order that they know the place they’re inside your single-page utility (SPA).
The best way to use it:
- Run
ember set up ember-page-title
- Add
{{head-layout}}
to yourutility.hbs
file - Embrace the title helper to every web page’s template. For instance, should you had an “About” route, add
{{title "About Us"}}
to that template. This helper additionally provides you the flexibility so as to add customized separators, for instance{{title "About" separator=">"}}
.
Extra info may be discovered on the Ember Web page Title Docs Web site.
This addon is Octane-ready!
Do you employ this addon? Or one prefer it? We might love to listen to about Ember addons that convey you pleasure!