DevCollaborative's accessibility improvements for FacetWP Wordpress plugin
A11y Add-on for FacetWP adds accessibility enhancements for FacetWP's form elements.
FacetWP must be installed and activated.
- Wraps all facets in a div with class=facet-wrap
- Adds a label to some facets with text=facet_label, for=facet_name
- Adds fieldset and legend to checkboxes and radio buttons
- Wrap pagination in nav tag, add screenreader h2
- Adds an id to each facet with id=facet_name
- FacetWP default checkbox markup replaced with semantic HTML checkboxes
- Search field uses <search> landmark, icon is removed
- Always hides counts in dropdowns
- Disables auto-refresh
- Customizes icon for prev/next pagination links
- Scroll back to top of results when pager is clicked
- Only accessible facet types are enabled: Checkboxes, Dropdown, Radio, Search, Pager, Reset, Sort
- Custom "Submit" facet type added
Semantic HTML checkboxes courtesy of Mark Root-Wiley, MRW Web Design Accessibility Addon for FacetWP