/Accessibility-demo

A demo to be used teaching semantic html and accessibility

Primary LanguageHTML

Application Website

Shaughn Anderson

design intent I wanted to make a website that put together the formatting tools that I had learned in the project gallery with the javascript I had learned in the movie database. To do this I made a bunch of flex boxes that could be displayed and hidden using javascript code linked to a navigation element

The requirements for this project where

All code is written by you No external libraries (e.g. no Bootstrap, React or GitHub Pages themes, but external fonts/icons are fine) Tells us about who you are Tells us about why you are applying for the programme Shows your progress through the application projects (e.g. links to your deployed projects) Hosted on GitHub Pages Links back to the GitHub repository that contains the code for your site To demonstrate your learning your site must have at least one example of each of these: Semantic HTML5 elements CSS grid or flexbox layout (or both) DOM event listeners for user interaction (e.g. click, keydown) DOM updates in response to user interaction (e.g. showing/hiding an element, changing text or styles)

I think when doing this project the css and javascript both felt a lot easier than in the projects where I was learning them. I started thinking more about semantic elements since this project required them and I think it's something I am starting to get the hang of. Overall the project succeeded, being a chance to apply things from the previous project. I used flexbox and media query from the project gallery and I used the skill I learned in the movie database to make a website that was very responsive to click. I think this is likely my nicest looking website and I hope is a good showcase for my developing skills as a coder.