Last Updated: July 15, 2025
On my website (wilfredstephenanfield.com), my goal is simple: to make this digital space welcoming and accessible to everyone. Just like a Southern porch, I believe all y'all's voices matter and all y'all deserve spaces—especially digital ones—that respect you. Privacy is care, and digital accessibility is foundational care.
Want the official details? Read My Accessibility Statement.
✨ My Approach to Digital Care 🔗
I'm committed to providing a website that works for as many people as possible, regardless of who they are or their access to a strong internet connection. I strive to follow the internationally recognized Web Content Accessibility Guidelines (WCAG) 2.1 and 2.2, aiming for Level AAA wherever possible, while always working towards even greater inclusivity. This means I implement key features like:
- Semantic HTML: Proper use of headings, lists, landmarks, and ARIA roles where needed.
- Color Contrast: All text and UI elements meet or exceed AAA contrast ratios (7:1 for normal text, 4.5:1 for large text).
- Left-Justified Text: All content, including the footer, is left-justified for optimal readability.
- Keyboard Navigation: Skip to content link; all navigation and interactive elements are keyboard accessible; visible focus indicators.
- Focus Indicators: All interactive elements have strong, visible focus states for keyboard users.
- Skip Link: "Skip to main content" link at the top for keyboard and screen reader users to bypass navigation.
- No Reliance on Color Alone: Links and buttons use both color and underline/focus indicators for clarity.
- Enhanced Heading Anchors: Accessible anchor links (🔗) with copy-to-clipboard functionality, tooltips, and AAA-compliant focus indicators.
- Alt Text: All meaningful images have descriptive alt attributes.
- Responsive Design: Fully usable on mobile, tablet, and desktop. Content remains readable and usable at 400% zoom.
- Content Transparency: Visible publication dates and bylines on all content for better context and accessibility.
- Direct Contact: Simple email and social media contact methods without third-party form dependencies.
- No auto-playing media: No audio or video plays automatically.
- ARIA & Landmarks: Used where necessary for enhanced screen reader support.
- Dark Mode: Fully supported with accessible color choices.
- Microformats & Schema.org: h-card, h-entry, h-feed, and comprehensive structured data for assistive tech and search engines.
- Accessible Font: Uses Atkinson Hyperlegible Next and Atkinson Hyperlegible Monospace from the Braille Institute, designed for readability.
- Accessible Licensing: All content and code licensing is clearly stated and linked in the footer for transparency.
🫙 A Transparent Commitment (I'm Human, Y'all!) 🔗
Designing and maintaining a website ain't easy. While I try to make this digital space feel like a welcoming porch, I might fall short. I'm human. I'm not a full-time web developer or a certified accessibility auditor (but I do try to think like one 🙂). There might be an occasional hiccup here and there. Just want to be upfront because folks deserve that.
While I aim for AAA compliance, some advanced criteria (such as sign language for video, or certain error suggestion requirements for forms) may not be fully met. If you find any barriers, please let me know so I can address them. Rest assured, I'm committed to continuous learning and improvement.
💬 Your Voice Matters: Let's Make It Better, Y'all! 🔗
This is where you come in! If you find anything on this website difficult to use or access, or if you see any areas of opportunity to make this shared space better for everyone, let's break bread.
Your suggestions are welcome here. They guide me in what needs to be improved and help transform any obstacles into open paths.
🛠️ Under the Hood: My Tech Stack 🔗
Below is a summary of the technology stack and accessibility-focused features powering this site:
| Layer | Technology/Tool | Accessibility Features |
|---|---|---|
| Static Site | Eleventy (11ty) | Generates semantic, accessible HTML by default |
| Templating | Nunjucks (njk) | Flexible, supports accessible markup patterns |
| CSS Framework | Tailwind CSS | Accessible color palette, focus states, responsive design |
| JS Enhancements | Minimal, progressive enhancement only | No critical functionality depends on JS |
| Hosting | Netlify (when deployed) | Modern, fast, and reliable delivery |
| Contact Methods | Direct email & social media | No third-party form dependencies, simple and accessible |
| Fonts | Atkinson Hyperlegible Next & Monospace | Designed for readability and accessibility |
| Images | WebP, alt text, responsive | Descriptive alt text, optimized for performance |
| Structured Data | Schema.org, microformats | h-card, h-entry, h-feed, Person, WebSite, BlogPosting, CollectionPage, etc. |
Technical Breakdown 🔗
| Language/Tech | Usage Summary |
|---|---|
| HTML | Semantic, accessible markup; headings, lists, nav, main, footer, ARIA where needed; skip links for keyboard navigation. |
| CSS | Tailwind CSS for utility classes; custom styles for focus, dark mode, and responsive design; AAA-compliant focus indicators. |
| JavaScript | Minimal, progressive enhancement only (e.g., theme toggle, copy-to-clipboard for anchor links, no critical functionality depends on JS). |
| Images | WebP format, descriptive alt text, responsive sizing, optimized for performance. |
| Fonts | Atkinson Hyperlegible (variable font), system fallbacks, designed for readability. |
| Contact | Direct email and social media links, no third-party form dependencies. |
🔍 Testing & Validation 🔗
I regularly test this website using:
- Automated Tools: axe-core, Lighthouse, WAVE
- Manual Testing: Keyboard navigation, screen reader testing (NVDA, JAWS, VoiceOver)
- Browser Testing: Chrome, Firefox, Safari, Edge
- Device Testing: Desktop, tablet, mobile
- User Feedback: Real user experiences and suggestions
- Periodic AAA Audits: I periodically review the site for AAA accessibility improvements and welcome feedback from all users.
📚 Resources & Learning 🔗
My accessibility journey is ongoing. Here are some resources that have shaped my approach:
- Web Content Accessibility Guidelines (WCAG) 2.2
- A11y Project
- WebAIM
- Inclusive Design Principles
- Microsoft's Inclusive Design Toolkit
🤝 Let's Connect 🔗
Accessibility is a journey, not a destination. If you have suggestions, find issues, or want to share your experience, I'd love to hear from you. Let's break bread and make this digital space better for everyone.
Contacting Me 🔗
If you reach out via email, your message is delivered to my Proton account—a privacy-focused email provider based in Switzerland. Your message is encrypted in transit and at rest, which means what you send to me is only seen by me. Pinkie promise.
(Proton is protected by some of the world’s strictest privacy laws, too.)
This accessibility statement is a living document. It will be updated as I learn more, implement new features, and receive feedback from the community.