Assessment wanted for Accessibility troubleshooting. (Task-1)

[EiN]

Assessment wanted for Accessibility troubleshooting. (Task-1)

Link to task: https://developer.mozilla.org/en-US/docs/Learn/Accessibility/Accessibility_troubleshooting

Link to my code:
Task-1: https://jsfiddle.net/EiNzp/p90d7fhr/10/

I was unable to attach audio files to the online editor. Here is an additional github link with my code and audio files: https://github.com/EiNzp/Assessment-Accessibility-troubleshooting

Thanks

[mikoMK (Michael Koch)]

Hi @EiN

Amazing work on this big exercise.

• Color: Correct analysis and color selection
• Semantic HTML: The new HTML and the corresponding CSS selectors are correct.
• The images: Using the alt attribute is correct.
• The audio player: Nice transcript toggler and using a link for older browsers is fine.
• The forms: Both the aria-label and the <label> elements are correct.
• The show/hide comment control: Using a <button> element is the best solution. An alternative would be to use tabindex and JavaScript.
• The table: Tags and scope attributes are all correct.

@EiN

I was unable to attach audio files to the online editor.

Understandable. They are buried in the GitHub repo: https://github.com/mdn/learning-area/raw/main/accessibility/assessment-start/media/bear.mp3

Conclusion

There isn’t anything wrong. All tasks are solved perfectly.

Michael