Earth Notes: On Website Technicals (2022-08)

One good feature of my new M1 MBA compared to the older Intel model, is that it runs cooler and has no fan. Quickly evident when briefly switching back to the old one!

I sometimes highlight the current item in a set/list/table. Re-reading an old technicals entry and Using the aria-current attribute I see that for example I should be using the attribute aria-current to make the 'current' item, eg with value 'date' for the current/topical date. Then I should use CSS something like below in my base CSS to style it:

[aria-current]{font-weight:bold}

This can be applied to, for example, appropriate dates in the energy series, or to the selected item in breadcrumbs.

There does not seem to be a semantic HTML5 equivalent.

I am using attribute value page for 'this' breadcrumb, though location may be slightly better. The former is not wrong, and is shorter, so I'll stick with it for now.

Adding this attribute may improve accessibility (a11y) a little, I hope!

Google adds structured data support for pros and cons on product markup, so I have added initial support. This is specifically Review.positiveNotes and Review.negativeNotes as ItemList. The first 'enhanced' page is On the LIME Energy Saving Plug: Review.