Responsive Accessible Dictionary web app. Vanilla JS & Native CSS.

What are you most proud of, and what would you do differently next time?

Built with:

• Semantic HTML5 markup
• Native CSS
• Vanilla JavaScript
• Mobile-first workflow
• font-size: clamp() - for fluid typography
• Font-family switch
• Form validation
• REST API to search for term in Free Dictionary API
• Audio() constructor mdn - to play audio file
• Dark / Light Theme switch + prefers-color-scheme + Fallback in JavaScript
• Aria role listbox + option to add accessibility for selecting subjects

Checked with:

• Chrome Screen reader
• Chrome Lighthouse
• PerfectPixel

What specific areas of your project would you like help with?

At the time point of submitting this challenge, the audio links, provided by Free Dictionary API, for some reason became inaccessible (Bad gateway, Error code 502), though they worked perfectly while developing the challenge... Obviously, this prevents the play sound button functionality.

Please advice if you have any idea how to solve this. Thanks in advance!