Als de website bekeken wordt op klein scherm (320px) komen twee knoppen in beeld: ‘Uitleg’ en ‘Inloggen’. Ook onderaan het scherm verschijnen knoppen (‘Aanbieders’, ‘Aanbod’ en ‘Aanvragen’). Deze knoppen hebben naast tekst ook afbeeldingen die met inline svg zijn toegevoegd.
Sommige (oude) voorleessoftware leest de inline svg als tekst voor.
Deze decoratieve afbeeldingen moeten verborgen worden van de voorleessoftware. Dat kan onder andere door role=’presentation’ toe te voegen. Andere oplossingen zijn mogelijk.
translate:
When the website is viewed on a small screen (320px), two buttons appear: "Explanation" and "Login". Buttons will also appear at the bottom of the screen ("Providers", "Offer" and "Request"). In addition to text, these buttons also have images added with inline svg.
Some (old) reading software reads the inline svg as text.
These decorative images must be hidden from the reading software. This can be done by adding role = "presentation", among other things. Other solutions are possible.
Als de website bekeken wordt op klein scherm (320px) komen twee knoppen in beeld: ‘Uitleg’ en ‘Inloggen’. Ook onderaan het scherm verschijnen knoppen (‘Aanbieders’, ‘Aanbod’ en ‘Aanvragen’). Deze knoppen hebben naast tekst ook afbeeldingen die met inline svg zijn toegevoegd.
Sommige (oude) voorleessoftware leest de inline svg als tekst voor.
Deze decoratieve afbeeldingen moeten verborgen worden van de voorleessoftware. Dat kan onder andere door role=’presentation’ toe te voegen. Andere oplossingen zijn mogelijk.
translate:
When the website is viewed on a small screen (320px), two buttons appear: "Explanation" and "Login". Buttons will also appear at the bottom of the screen ("Providers", "Offer" and "Request"). In addition to text, these buttons also have images added with inline svg.
Some (old) reading software reads the inline svg as text.
These decorative images must be hidden from the reading software. This can be done by adding role = "presentation", among other things. Other solutions are possible.