Jump to content

KickinGa

Member
  • Posts

    55
  • Joined

  • Last visited

Reputation Activity

  1. Like
    KickinGa got a reaction from CooksBay in How do you add Image Alt Text to Section Backgrounds?   
    I just don't understand why Squarespace haven't coded the platform to allow for this.  Seems exclusive to those who use screen readers, and could also affect SEO.  
  2. Like
    KickinGa got a reaction from CooksBay in How do you add Image Alt Text to Section Backgrounds?   
    I mean add Alt text to the background image.  There's nowhere in the settings to add the text unlike with normal image settinds.  Is it possible to code the alt text to the image in the custom CSS?
  3. Like
    KickinGa reacted to GlynMusica in Google Analytics 4   
    You can just add the GA4 code in  code-injection and it will work. You can send GA4 events if instead you do the implementation using Google Tag Manager.
    The question is more a case of why use GA4 when Universal Analytics is actually way more stable at the moment. I wouldn't touch GA4 for at least a year, we run GA4 just for data collection.
    I would not expect SS to support GA4 - in terms of Events etc, for a while simply because no-one wants to touch it with a bargepole.
     
  4. Like
    KickinGa reacted to tcp13 in How do you add Image Alt Text to Section Backgrounds?   
    Hey hey! I'm a certified Web Accessibility Specialist and the founder of Square ADA. Great question @KickinGa!
    WCAG (the golden standard of web accessibility) actually states in SC 1.1.1 that if an image is "pure decoration" or "used only for visual formatting," then it should be "implemented in a way that it can be ignored by assistive technology."
    Translation - If the image isn't communicating any meaningful information, then we assign a null alt attribute to tell screen readers it's okay to skip the image (WCAG Technique H67). When used correctly, null alt text provides a better experience, since blind folks typically don't care about every little decorative icon or scenic background photo when trying to find information on your site.
    In the case of the 7.1 site you linked (and @herobirthservices mentioned), the null alt tag is already assigned by Squarespace on all background images. So from an accessibility standpoint, this is technically compliant.

    However, if there's meaningful content in the background image that needed to be assigned alt text (such as using an image of text), you could use custom code to override the default null value:
    <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.5.0.min.js"></script> <!-- Override Alt Text Value --> <script> $(document).ready(function(){ $("section[data-section-id='5f5726f0974f98058a7f632f'] .section-background img").attr("alt", "Lorem Ipsum"); }); </script> Hope this helps!
    -Tyler
  5. Like
    KickinGa reacted to creedon in How do you add Image Alt Text to Section Backgrounds?   
    @herobirthservices
    You mention both background and block images.
    Image blocks do have an optional file name that can be set which translates to the alt text.

     

     
    It does appear that background images for sections do not get an alt text. At the very least they could add the file name in alt text. Even better would be to add the optional file name field to the background image settings dialog.
    FYI @tcp13 works for a company that makes accessibility software for SS sites if you need such software.
  6. Like
    KickinGa got a reaction from christyprice in Centre the form post-submit message text   
    Ha ha!!!! SO simple when you know how!  
    Thank you so much!
  7. Like
    KickinGa reacted to christyprice in Centre the form post-submit message text   
    @KickinGa you can add this to Custom CSS
    .form-submission-text { text-align: center; }  
  8. Like
    KickinGa got a reaction from Beyondspace in Move dropdown inline with bottom of header   
    Site URL: https://www.bondprosper.com/
    Hi, 
    I've managed to style my dropdown so thge padding, text alignment and colours are better, however I'd like to get it to drop down from the bottom of the header instead of directly below the text in the header, as shown below:

    Thanks in advance.
  9. Like
    KickinGa got a reaction from Beyondspace in Make slideshow gallery images round   
    Awesome, that works better than the extension I had. Thanks again!
  10. Thanks
    KickinGa reacted to Beyondspace in Make slideshow gallery images round   
    This will turn all gallery image to round
    .gallery-slideshow-item img { border-radius: 50px; } This is section specific
    section[data-section-id="5fdaf7c4de510a316ebe1b5c"] .gallery-slideshow-item img { border-radius: 50px; } This is page specific
    #collection-5fd9ee29aa42ed0359c9a7fb .gallery-slideshow-item img { border-radius: 50px; }
  11. Like
    KickinGa reacted to Beyondspace in Make slideshow gallery images round   
    Use this
    https://chrome.google.com/webstore/detail/igjamfnifnkmecjidfbdipieoaeghcff
  12. Like
    KickinGa got a reaction from Beyondspace in Make slideshow gallery images round   
    I tried using Block identifier to identify the name of the Gallery but it doesn't show, and I don't have enough expertise to work it out from the image url.
  13. Like
    KickinGa got a reaction from Beyondspace in Make slideshow gallery images round   
    Site URL: https://www.bondprosper.com/
    Hi Guys,
    I want to use the simple slideshow gallery on my new about page, however I want to change the images to circular.  
    I've done this on other images easily using  the below code, but not sure whats required to implement this to a Slideshow Gallery?
    #imagenumber
    img{
    border-radius: 50%;
    }
    If anyone can help I'd be very grateful!
    Jan
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.