How to get the alt tag from an image field in twig?

Question

I have a page of field images which are coming out quite weirdly when I kint their values. I can't seem to get the image url and the alt tag.

The code in the twig file looks like this:

field--field-staff-gallery.html.twig

{% for item in items %}
    {{ kint(item) }}
{% endfor %}

It's output looks like this:

Now I can easily get to the url by doing:

{% for item in items %}
    {{ file_url(item.content['#markup']) }}
{% endfor %}

So how can I get the alt tag?

Answer 1

You can get the alt of image with:

item.content['#item'].value.alt