so as the title says. Maybe this is just not possible the way I have it structured, but I want to make sure this works for accessibility. I have a grid of logo images that are positioned in a styled span. The logo has a link to that company's website. I can tab through the individual items by adding `tabindex="0"` but I cannot hit enter or space to trigger link to be visited. What am I missing here? If I change the `<span>` to a `<button>` it works but that seems sloppy to me?

Here is how my code is structured:

```
<span class="grid_item" role="link" tabindex="0">

    <a href="<?= $url ?>" aria-label="Go to <?= $logo_title ?> website" tabindex="0">
        <img alt="<?= $logo_title ?>" src="<?= $image['url'] ?>">
    </a>

</span>

```

I've tried changing the span to a `<div>` and a `<ul>` with line items but still all same issue with no click through. I would love any input on this, to not only solve this but also for me to have a better understanding of the way accessibility works.