Equalizer Landing Page [mobile first][vanilla HTML/CSS]

Hi, Tanguy! 👋

About focusable attribute, you should use that on the <svg> elements to prevent users that use Internet Explorer from focusing on SVGs.

Reference: Contextually Marking up accessible images and SVGs

I am not sure about the support. But, since the purpose is fixing bugs on Internet Explorer, the support should be good. Can you share the link that shows the support of the focusable attribute? I can't find it on "Can I Use" and only find the specification of it.

Can I use "focusable", 0 results found — "focusable" | Can I use... Support tables for HTML5, CSS3, etc

Interactivity – SVG Tiny 1.2

Scripting and Interactivity — SVG 2

Here are some suggestions for improvements.

• Alternative text for the Equalizer logo should only be "Equalizer". Remove the following phrases, "written in full as the site logo".
• Not every image needs alternative text. Decorative images should not have alternative text (alt=""). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.
• For your information, decorative images are images that don't add any information and serve only aesthetic purposes.
• Use <a> with download attribute for the download buttons.
• The Android and Apple icons are decorative images. Don't add alternative text if you decide to add aria-hidden="true" to the <img> element.
• Put the visually hidden text inside the <a> to label each social media link. Also, you should only add the social media platform. Don't include the "Follow on" phrases.
• Prefer unitless numbers for line-height values to avoid unexpected results. Learn more — line-height - CSS: Cascading Style Sheets | MDN

I hope this helps. Happy coding! 😄