Hi ramneekdev089
I have gone through you project , below is my suggestion:
HTML
- They are recommended methods that should be used when you are using more than image that should be displayed depending on screen sizes. Such images should be displayed using the srcset , picture element or as background images. Refer to MDN responsive images on how to implement these. Another point to note , is that images should have a meaningful
alt
value. The alt value should carry a descriptive message that can be interpreted by screen readers or in the event that the image fails to load - the message should be clear. If the image is decorative - then the alt value should be blank. - interactive elements such as buttons should have readable text , that is the only way assistive technology users are able to tell how they should handle the button. A button without text is confusing to users.
- read also the following article on how to create an accessible disclosure pattern
CSS
-
a modern reset stylesheet is needed so that the site can be adaptive to various browsers
-
font sizes should be written in either rem or em,
px
values are not recommended since they are not responsive. The following article can explain better on the reasons why font sizes should never be in px values
Marked as helpful
@ramneekdev089
Posted
@ChamuMutezva Thanks a lot