Skip to content

Meaning of host icons not always clear #75

@Krinkle

Description

@Krinkle

At https://www.speedlify.dev/test-runners/, I notice a new host column, powered by https://v1.builtwith.11ty.dev. That's neat!

Screenshot

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/">
Screenshot

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}}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions