WCAG 2.1 compliance

Comments

• Phil

  June 2021

  Hello,

  Betheme adds an alt text to every image based on their name. Also, it can be changed in the Media in the admin panel. So yes, it is WCAG 2.1 compliant.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• vassilis_stavropoulos

  June 2021

  Thanks for your reply. Unfortunately alt tags is not the only thing to obtain for WCAG2.1 compliance.

  For example if you could please tell me how can I change the woocommerce ''header-cart-count'' text size, text color and background.

  Theme gives it font-text 11px. To get compliance I need 12-14px and different color.

  Validation now 3.5 and I need min 4.7 for this specific item.

  Thanks for your help.
• Phil

  June 2021

  To change it, you can write a custom CSS, and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  Do you need help with writing it?

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• vassilis_stavropoulos

  July 2021

  Hello.

  Yes I would love some help with this as ''header-cart-count'' is not a css class bur a ''span id'' and all the amendments I have tried in Custom CSS have no result.

  (font 14px - color #231F20)

  Thanks again!
• Phil

  July 2021

  Please, use the following code:

  #Top_bar .top_bar_right #header-cart-count{
   font-size: 14px!important;
   color: #231F20!important;
  }
  

  If the color you were talking about is not the font but the background, change color to background-color.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• vassilis_stavropoulos

  July 2021

  Thank you so much.

  Please close this ticket.
• trebla11

  March 25

  I'm having this same issue. I tried the css fix mentioned about with no luck. My site is: https://weldtecdesigns.com/ I would like the number in the cart to be black instead of white.
• Phil

  March 26

  Hi @trebla11,

  Try this CSS instead:

  #Top_bar .top_bar_right .header-cart-count {
   color: #f00!important;
   font-size: 14px!important;
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• trebla11

  March 26

  Thanks! That worked perfectly.