Earth Notes: On Website Technicals (2022-08)

Though I can't find anything explicit and current about it on-line other than issues at chromium.org, when the Data Saver option is on (Settings > Network and Internet > Advanced > Data Saver) in Android (11) on my Fairphone 3 (FP3 Build/8901.4.A.0013.4), and my data connection is mobile rather than WiFi, Chrome (104.0.5112.69) seems to set the Save-Data header on HTTP (including HTTPS) requests.

There is no explicit 'data saver' / 'lite' proxying option within Chrome itself since M100 (2022-03-29) onwards.

Thus for this site, as designed, page requests get redirected to the 'lite' (m-dot) site, and fewer, lower-fi images are shown. Data saving at work!

Supporting (and requesting) Save-Data still seems to be very much a minority pursuit; at most a few percent of sites and requests allegedly.

When/if prefers-reduced-data CSS stops being experimental, the 'full' link in the top navigation may be able to be hidden when Save-Data is on and therefore the link would not be functional.

One good feature of my new M1 MBA compared to the older Intel model, is that it runs cooler and has no fan. Soon 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!