Understanding DOJ Priorities
The DOJ isn’t asking for a new look or a fancy front-end refresh. Their focus is on accessibility and usability, ensuring that government websites are navigable for all users, including those with disabilities. Key areas include:
WCAG 2.1 ComplianceÂ
Websites should meet the Web Content Accessibility Guidelines (WCAG) 2.1 at the AA level, which is the standard the DOJ focuses on. These guidelines provide concrete requirements to make web content accessible to people with disabilities, including those with visual, auditory, motor, and cognitive impairments. Key aspects include:
Color Contrast
Text and important visual elements must have sufficient contrast against the background. The minimum contrast ratio is 4.5:1 for normal text and 3:1 for large text. This ensures that users with low vision or color blindness can read content without strain.
Text Alternatives (Alt Text)Â
All non-text content, like images, icons, and infographics, should include descriptive text alternatives. This allows screen readers to convey the meaning to users who are visually impaired.
Keyboard AccessibilityÂ
All interactive elements (buttons, forms, menus) must be operable via keyboard alone, without requiring a mouse. This is crucial for users with motor disabilities or those using assistive technology.
Logical Structure & HeadingsÂ
Use headings, lists, and semantic HTML properly to provide a predictable structure. Screen readers rely on this structure to help users navigate pages efficiently. Make sure to use headings in the correct hierarchy starting with H1 and progressing through H2, H3, and H4 where needed. For example, do not jump from an H1 to an H3, and then to an H2. This does not make it easy to scan the page and doesn’t provide a clear page structure.Â
Forms & Input FieldsÂ
Forms should be easy to understand and even easier to complete. Every field needs a clear label, helpful instructions, and accessible error messages that don’t rely on color or visual cues alone. Users should be able to move through, complete, and submit forms using assistive technologies like screen readers or keyboards without hitting roadblocks along the way.
Captions & TranscriptsÂ
Provide captions for videos and transcripts for audio content. This benefits users who are deaf or hard of hearing, as well as those who may be in sound-sensitive environments. These captions should be easy to read and contrast well with the content it’s transcribing.Â
Keyboard Navigation & Screen Reader CompatibilityÂ
Users should be able to navigate your site without a mouse. One thing you should consider is including ARIA labels on your site to ensure screen readers can help those with disabilities understand exactly what the page includes, what they’re clicking on, etc. With that being said, not every element on your website should include an ARIA label.
Native HTML is best, so you want to ensure a happy medium when implementing ARIA labeling. If an element requires more specificity for screen readers to understand, that would call for adding an ARIA label.Â
Consistent, Clear DesignÂ
Labels, headings, and forms need to be understandable and predictable. Maintaining a consistent design manages user expectations when they jump from one page to the next, reassuring them that they’re still in the right place from start to finish.
Think of it this way: the DOJ cares about function over form. Your website doesn’t need a new layout or flashy features. It needs to be accessible, understandable, and functional.