Designing for Everyone
Link to course: Designing for Everyone: Accessibility in Design is a Way to Express Care This was more challenging (learning opportunities) than expected for a number of reasons. Test revealed just how much more I have to learn. I look forward to feedback on ways to make it better and more accessible. I designed this experience to be useable with a keyboard and with a screen reader to align with the perceivable and operable principles of POUR (Perceivable, Operable, Understandable, Robust), established by the Web Content Accessibility Guidelines (WCAG). It is a work in progress, not finished, because I learned a lot that needs to be considered and done for better accessibility. What was accomplished No content relies on color alone, animation alone, or a mouse alone. The slide content includes: Interactive elements with real controls Messages are available as text Focus Order follows visual layout (use the info icon on each slide to view the Focus Order) Accessibility is more than checking the boxes. It is about considering whether your design still works when the assumptions about users are removed. It is about Designing for Everyone. The Goal This project was designed to show how accessibility performs in the real world. The project aims to demonstrate outcomes, the same message, experienced through different access needs. It focuses on peoples’ experience with digital content. The Problem Many “accessible” examples stop at checklists. Here the focus is on how design decisions affect real users. This experience intentionally attempts to show both failure states and equivalent, accessible solutions. Key Design Decisions Screen reader friendly structure: Reading order is manually controlled. The message is real text. Alt text is used only when it adds meaning, decorative visuals are marked as decorative. Keyboard only interaction: Every interactive element is reachable using Tab, Enter, and Space. Visible focus states are always present. If content can’t be experienced without a mouse, we revisit before releasing.LOVE
One of the great things about these challenges is how much I learn when I research a topic. 🥰 I created a very simple project this time. I used all Articulate tools: AI image and TTS generation. And, I learned how to create a gif! Thanks Jayashree_Ravi for the inspiration and motivation. I used the Snip & Sketch snipping tool to record a few seconds of the first slide and exported as a gif using the GIF button in the toolbar (that I never noticed until Google explained where it was lol). LOVE linkValentine Themed eLearning Content Development
Inspired by the Valentine theme, we developed a gamified cybersecurity eLearning module that integrates interactive learning design, and gamification. Rewarding learners with a heart for every correct answer while delivering engaging, compliance-focused workplace training. Explore the demo to see how creative eLearning development: https://www.swiftelearningservices.com/valentine-themed-elearning-content-development-cybersecurity/
