Single Price Component

Hi. Please let me know if you have any suggestions - CR.

Question: What do you think about ordered lists, especially in the context of the Safari browser and accessibility? When the list-style property is set to none (removing dots) the VoiceOver is not announcing unordered lists properly. I can add role="list" to ul, and role="listitem" to li but the validator throws a Warning: The list role is unnecessary for element ul/li.

For this project I did:

• HTML semantic elements;
• Invisible content just for Screen Reader users;
• BEM & SASS;
• Grid & Flexbox;
• Pseudo-element for card overlay;
• Mobile First, RWD;

Additional effects:

• card overlay color (third card);
• button transform on :hover&active with box-shadow;
• styled links in the footer on :hover (footer displays on preview site);

Thanks! :D