Accessibility Issues
-
Hello,
When checking the theme for accessibility, I thought you had a good start here but not completely perfect yet.
1. The search bar at the top of the page is missing the following.
– Search submit button.
– Do not rely on placeholder text to give instructions, add it under the search form like this.<form> <label for="search">Search</label> <input type="search" aria-describedby="search-desc" id="search" name="search" value="" /> <span class="SCREEN READER CLASS HERE" id="search-desc">Type here and press enter to search.</span> <input type="submit" value="Search" /> </form>
2. There are icons that are not hidden. Please add
aria-hidden="true"
.
3. Add more contextual information for screen readers. If there is a list of tags, add some screen reader text before the output that says “Tags” or “Categories”. Just more guiding information to help with keyboard navigation.Those are the 3 main issues I found. I am testing with NV Access and latest version of Firefox.
Please let me know if you have any questions.
Thanks.
- The topic ‘Accessibility Issues’ is closed to new replies.