While I recognise the GitHub icon, I didn't recognise the logo in the column for ESLint's website. I considered for a moment that it was loading it lazily, but it's the actual icon. I quite often find inaccessible form fields, images, or other elements and sometimes the HTML can reveal information in the (otherwise, invisible) alt text, or URL, or HTML icon class name etc. But didn't find anything like that in this case. Digging a bit deeper, I found that the ESLint image in question has the following response header:
x-11ty-host: netlify
And likewise, the QUnit image, for example has the following:
x-11ty-host: github
I imagine this may add some cost to the build, but including this information in some way would I think help make this information more accessible and understandable.
Today
<img alt="Hosting avatar for qunitjs.com/">
Some ideas:
<img alt="Hosted with {{host}}" title="qunitjs.com/ is hosted with {{host}}">
<img alt="{{host}}" title="qunitjs.com/ is hosted with {{host}}">
At https://www.speedlify.dev/test-runners/, I notice a new host column, powered by https://v1.builtwith.11ty.dev. That's neat!
While I recognise the GitHub icon, I didn't recognise the logo in the column for ESLint's website. I considered for a moment that it was loading it lazily, but it's the actual icon. I quite often find inaccessible form fields, images, or other elements and sometimes the HTML can reveal information in the (otherwise, invisible) alt text, or URL, or HTML icon class name etc. But didn't find anything like that in this case. Digging a bit deeper, I found that the ESLint image in question has the following response header:
And likewise, the QUnit image, for example has the following:
I imagine this may add some cost to the build, but including this information in some way would I think help make this information more accessible and understandable.
Today
Some ideas:
<img alt="Hosted with {{host}}" title="qunitjs.com/ is hosted with {{host}}">
<img alt="{{host}}" title="qunitjs.com/ is hosted with {{host}}">
<img alt=""> {{host}}