Blog Post
AngelaThomas-9b
4 months agoCommunity Member
Hi everyone! This is my first time posting, but I've been following discussions and weekly challenges for a few weeks now. I love how supportive everyone is and I am in awe of all the talent! I appreciate any suggestions.
https://360.articulate.com/review/content/8ee11581-9857-48f1-b5aa-2f9e6b5d6472/review
Since I'm still learning, I decided to create an interaction to show ways to improve an original slide (label the parts of the brain) using each POUR principle. Here is what I changed:
P - Changed background from white to black and checked contrast using colourcontrast.cc
O - Changed drag-and-drop into a drop-down version
U - Changed the image alt-text from colors to locations for each section of the brain
R - Changed the question instructions from “Label the parts of the brain based on the picture" to “What are the parts of the brain in this order: a) top left, b) top right, c) middle left, d) middle right, and e) bottom”
I also tried out working with focus order and using NVDA screen reader. I did have a little trouble with the drop-down questions using NVDA but I'm not sure if I designed it poorly or just need more practice using the screen reader. 😆
https://360.articulate.com/review/content/8ee11581-9857-48f1-b5aa-2f9e6b5d6472/review
Since I'm still learning, I decided to create an interaction to show ways to improve an original slide (label the parts of the brain) using each POUR principle. Here is what I changed:
P - Changed background from white to black and checked contrast using colourcontrast.cc
O - Changed drag-and-drop into a drop-down version
U - Changed the image alt-text from colors to locations for each section of the brain
R - Changed the question instructions from “Label the parts of the brain based on the picture" to “What are the parts of the brain in this order: a) top left, b) top right, c) middle left, d) middle right, and e) bottom”
I also tried out working with focus order and using NVDA screen reader. I did have a little trouble with the drop-down questions using NVDA but I'm not sure if I designed it poorly or just need more practice using the screen reader. 😆
- JaredSpeight4 months agoCommunity MemberHey Angela, I loved your artifact and how you demonstrated how you made the content perceivable, operable, understandable, and robust. The only suggestion I'd have would be for the alt text, labeling "top left" and "top right" may not be sufficient unless the user knew which way the brain was facing.
Great work!- AngelaThomas-9b4 months agoCommunity MemberOh! I didn't even think of that Jared. Thanks for the suggestion. I'll go in and add that.
- ThierryEMMANUEL4 months agoCommunity MemberThat's a very impressive piece of work you've done, Angela. Fully functional and very informative. On the subject of NVDA, I've had several fights with it and I've come out knocked out every time. I did the best I could, but when I checked, after 3-4 black screens, I was completely lost. Because I'm lucky enough not to have to use it every day. What's more, it seems to me that every user makes different settings on their own NVDA player. And the mine is probably not very useful for a blind person. Only a blind person can really check a module with NVDA, I think. But if anyone has had a better experience than I have, I'd like to hear about it.
- AngelaThomas-9b4 months agoCommunity MemberThank you for trying it out and for the info on NVDA Thierry! I'm definitely going to need to need more practice.
- Fabienne_Werder4 months agoCommunity Memberwow, that's really impressive and a helpful principle for future modules! Thanks for sharing :)
- ChloeOkura4 months agoCommunity MemberHi Angela, this module is amazing! I haven't heard of the POUR principles before, so I learned a lot from your module. I look forward to seeing your entries in future challenges!
- AngelaThomas-9b4 months agoCommunity MemberThanks Chloe and Fabienne. The examples in this training video had great examples for POUR: https://training.articulate.com/webinars/5-things-you-need-to-know-about-accessibility