Open cbunicef opened 1 year ago
Here is an example of "skip to main content": https://webaim.org/, press tab on keyboard to show the first navigation element.
We could enable this using JS, which ideally would mean that it doesn't appear on feature phones which mostly won't have screen reading capabilities (need to confirm?)
In all pages there is no "skip to main content" link at the to of the page
Text on the homepage article "parent section" does not have sufficient color contrast ratio![image](https://github.com/unicef/iogt/assets/30042226/961daeaf-0079-4152-a977-7fbf765e66b1)
Language selector is not keyboard accessible
Order of columns in navigation is different than visual order![image](https://github.com/unicef/iogt/assets/30042226/72ea7861-6722-4e81-b003-b319ebd38cd3)
The form is not accessible. The screen reader is not able to announce its title and the question goes directly to the combo box. https://www.internetofgoodthings.org/en/sections/covid-19/![image](https://github.com/unicef/iogt/assets/30042226/5cc77888-7910-4c37-b04a-8d9ade3dfa98)
Decorative images repeat the same text as image alternative text.![image](https://github.com/unicef/iogt/assets/30042226/c696ecf7-c14b-4f38-b614-619c0053242c)
Headings are not keyboard focusable. Identified on https://kindweb.org/en/footers/emergency-numbers/, which uses a markdown block for the headers, but I'm not sure whether the Paragraph blocks have focusable headers![image](https://github.com/unicef/iogt/assets/30042226/7aa55c30-6c7f-40a7-88e3-7e5e57d5d014)