Accessibility Compliance Statement
At crimewatchus.com, we want our website to be accessible to all individuals, including those with disabilities. To achieve this goal, we are implementing Web Content Accessibility Guidelines (WCAG), as outlined by the World Wide Web Consortium (W3C).
By utilizing available tools and working with 3rd party agencies, we are aware of some accessibility issues on our crimewatchus.com website. We are working through these issues and have included a list of the resolved issues below.
User-generated Content
The vast majority of content on crimewatchus.com is generated by our law enforcement agency users (police departments, sheriff offices, district attorneys, etc). We are working with our users to help identify and resolve accessibility issues with their content.
Report an Accessibility Issue
Do you have an accessibility issue with crimewatchus.com? Please contact us with details, and we should be able to fix it.
Accessibility Improvements (2024)
So far this year, we have fixed the following accessibility issues:
- Change the notice box Follow modal's title to an h1 and utilize an aria-labelledby attribute
- Use button element on follow modals
- Remove redundant word from app download link image alt tags
- Change the header to use a header element
- Change nav element to div in header and remove its aria-label attribute
- Change breadcrumb to use a nav element and add an aria-label to it
- Change the icon links to use ul and li elements
- Remove unnecessary aria-current attribute from login and my account buttons
- Add aria-hidden attribute to login, search and map icons
- Improve alt attribute on agency badge
- On header svg elements, add role and aria-labelledby attributes with corresponding title tag
- Change sub nav svg path color for WCAG on dark blue theme
- Change color of chief, sheriff, da, etc name to meet WCAG
- In the main menu, add aria-controls attribute and corresponding id to dropdown menus
- Adjust muted text colors to meet WCAG standards
- Change the Footer column links to use ul and li elements
- Add alt tag to CW logo in footer
- Clear redundant alt attribute on hero img
- Add role and aria-label attributes to portal slideshow carousel
- Add a screen reader msg to the hero carousel
- Add aria-current attribute to active slideshow thumbnail button
- change slideshow nav to button elements
- Add aria-label attribute to slideshow thumbnail buttons
- Add aria-label attribute to the slideshow prev next btns
- Add aria-controls to news feed filter dropdown
- Add screen reader text to news feed filter dropdown
- Add role and aria-label attributes to news cards
- On news feed cards, wrap title link in an h3
- Add a -1 tabindex attribute to card elements and focus on the newest card element when paging
- Add role and aria-label attributes to the items in the 'most wanted' widget
- On 'most wanted' cards use an h4 instead of a div for WCAG
- Add alt tag to 'most wanted' image cards
- Add h1 to FAQ page
- Wrap FAQ questions in h2
- Change 'back to top' link color contrast on FAQ
- Changed phone numbers into links.
- Change 'Show more' buttons to actual button elements
- Overwrite Drupal's element-invisible class to use display none
- Added and altered heading tags for WCAG.
- Merged semantic lists into two individual lists for WCAG.
- Changed plain text phone numbers into telephone links for WCAG.
- Changed table at bottom of page to an unordered list for WCAG request.
- Change phone numbers into links for WCAG.
- On webforms, add a 'autocomplete' attribute to supported components.
- On webforms, add a 'required' attribute to any required components.
- Add required attribute to the Follow modal's email input field and add an asterisk to its label and placeholder
- Adjust autocomplete attribute value on the Follow modal's email input field
- Add alt and title tag to follow button modal group logo
- Change link color on warning messages to meet WCAG standards
- Add button role attribute to Follow link
- Add title and aria-label attributes to main menu horizontal scroll buttons
- Adjust muted text colors to meet WCAG standards
- Adjust muted text colors to meet WCAG standards
- Use empty alt on slideshow thumbnail img
- Add aria-label attribute to the 'In this section' navigation
- Wrap the 'In this Section' widget with an aside tag
- Inherit theme link color on FAQ