We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
Tutorials - Meagen Voss, Scott Cranfill: How To Build More Accessible Websites with Wagtail
Build a more inclusive online presence by leveraging Wagtail's built-in accessibility features and best practices, ensuring your website meets accessibility guidelines and provides a seamless user experience for all.
- Code review: Regularly review your code to catch and fix accessibility issues before they go live.
- Wagtail admin: Use Wagtail’s built-in accessibility features, such as the accessibility checker and automatic alt text generation.
- Template customization: Customize Wagtail’s templates to include accessibility features, like HTML comments and ARIA attributes.
- Screen reader compatibility: Ensure your code is compatible with screen readers by following Wagtail’s guidelines and using technologies like alt text and ARIA roles.
- Accessibility guidelines: Follow industry accessibility guidelines, such as the Web Content Accessibility Guidelines (WCAG 2.1) and the Section 508 Amendment to the US Rehabilitation Act.
- Accessibility tools: Utilize accessibility tools, such as WAVE and Lighthouse, to identify and fix accessibility issues.
- ALT text: Ensure image ALT text is descriptive, accurate, and meets accessibility guidelines.
- Focus indicator: Use a visible focus indicator for keyboard-only navigation.
- Link text: Ensure link text is descriptive, short, and meets accessibility guidelines.
- Error handling: Handle errors and provide helpful feedback to users, including accessibility-conscious users.
- Content editor accessibility: Train content editors on accessibility best practices, including using descriptive alt text, keyboard navigation, and ARIA roles.