Decided to make it fun with some animations and implement dark mode so as to practice various React and CSS concepts including custom properties, logical properties, props, state management, event handling....
Neha Nandi
@nehanandi09All comments
- @mamba-dev-KESubmitted over 2 years ago@nehanandi09Posted over 2 years ago
This is really impressive! Love what you did with the animations and the dark mode!
1 - @BramMortierSubmitted almost 3 years ago
So cool to finaly submit my first project. Really happy with the progress i've made over the past 6 months as a self thaugt developer. Looking forward to do a react project next. :)
@nehanandi09Posted almost 3 years agoHey Bram!
Great job with your first project! :D There are a few ways to avoid the accessibility issues that show up.
-
For any html tag, make sure you use an id only once per tag. An id is supposed to be unique and repeating it for different elements can fail the validation test, instead of an id, you can use a class and repeat it for different tags. You can learn more about this on https://css-tricks.com/the-difference-between-id-and-class/.
-
For heading tags, start from h1 and go from there. This can avoid confusion and is considered good code practice. You can read about it more on https://dequeuniversity.com/rules/axe/4.3/heading-order?application=axeAPI
Hope this helps! :)
Marked as helpful0 -