Day 2 – Use a tool like WAVE to scan a web page for accessibility problems.
For this challenge I used the WAVE Crome extension to test the https://www.thegoodwebguide.co.uk/food-drink/best-food-websites/8983/
Issues found by WAVE:
The tool found 4 types of errors on this page.
Missing alternative text – Two images simply did not have any alternative text defined from them. Without alternative text, the content of an image will not be available to screen reader users or when the image is unavailable.
Linked image missing alternative text – WAVE identified 37 linked images missing alternative text. If an image is within a link that contains no text and that image does not provide alternative text, a screen reader has no content to present to the user regarding the function of the link.
Missing from label– Two form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users.
Empty Links – There are 10 of empty links. Because a link contains no text , the function or purpose of the link will not be presented to the user.
It also found 4 places where the color contrast between the text and background was too low.
The report also listed 3 alerts which are as follows:-
Missing first level heading - A first level heading (<h1>) should be present on nearly all pages. It should contain the most important heading on the page (generally the document title).
Broken same-page link -A link to another location within the page is present but does not have a corresponding target.
Suspicious link text- Link text contains extraneous text or may not make sense out of context.
Comments
Post a Comment