Alt texts (alternative texts) help people who cannot see images – for example, due to visual impairments or because they use screen readers. They make your website more accessible and ensure all content can be understood.
Starting in 2025, the German Accessibility Strengthening Act (BFSG) and the EU directive EAA (European Accessibility Act) will introduce stricter accessibility requirements for many private websites. Alt texts are a small but crucial step towards compliance.
If you are outside the EU, please check for yourself if you should adjust your website to the regulartory requirements. But let’s be honest: A website that works for everyone is simply better – not just legally, but humanly, too.
Alt Texts for Images
-
In the Website Builder, click the image you want to edit.
-
A panel will open on the left where you can edit the image. Scroll down to the Text section. More editing options will appear.
- Click on Alternative Text.
-
Enter a short, descriptive text here – for example, “Logo of company XY” or “Person holding a sign that says ‘Welcome’.”
-
Don’t forget to save.
Tip: If an image is purely decorative and carries no information, you can leave the alt text empty (alt=""), so screen readers can skip it.
Alt Texts for Icons
-
If you use icons on your website, click the icon in the Website Builder.
-
A panel with additional editing options will open on the left.
- Click on Alternative Text.
-
You can now enter a label here.
Tip: Many icons are purely symbolic – ask yourself whether they convey information or trigger a function. If yes: describe them! Especially important for icons linked to other pages or actions.
Alt Texts for SVGs
If you add an SVG as an image (.svg file in an image element), the alt text works just like with regular images.
Alt Texts for iFrames
-
When you add an iFrame in the Website Builder, a panel will open on the left for further customization.
- Go to the Text section at the bottom.
- Add a suitable alternative text (title) for your iFrame:
Tip: The title attribute is crucial for screen readers when it comes to iFrames – without it, visitors won’t know what’s embedded.
Become a part of our Community!
Exchange ideas with other web designers about current developments, tips, and tricks and show your favorite sites. Get advice and talk to us about possible features you would like to see on Sitejet. You can join the Sitejetters community here.
Comments
0 comments
Article is closed for comments.